Добро пожаловать!

На нашем сайте вы найдете инструкции, которые помогут вам освоить систему uCoz и uWeb. Мы регулярно обновляем ресурс новыми инструкциями и обзорами. Благодаря нам вы поднимете свой начальный уровень знаний html&css, а также самой системы uCoz и uWeb до, как минимум, среднего уровня!

Мы всегда готовы помочь вам, и ответим на любые интересующие вас вопросы. Создайте отдельную тему с вашим вопросом в Вопросах по uCoz и uWeb и мы обязательно ответим на него.

Категории раздела
Абстрактные [16]
Аниме [7]
Бизнес и образование [27]
Гламур [17]
Еда [7]
Игры [40]
Компьютеры и связь [20]
Медицина [6]
Музыка [17]
Недвижимость [14]
Общее [27]
Праздники [7]
Природа [26]
Спорт [13]
Транспорт [14]
Фото [9]
Рассказать друзьям!
В разработке. Приносим извинения за доставленные неудобства.
Поиск
Наш опрос
Оцените удобства чтения инструкций
[ Результаты · Архив опросов ]
Всего ответов: 46
Статистика
Онлайн всего: 6
Гостей: 6
Пользователей: 0
Нас посетили:
Иришка, a999s, марио
Дизайн # 784 (08 Авг 2011)
Фото   Dmitriy   2363

1.
Как сменить шапку?
Чтобы сменить шапку необходимо войти: Панель управления => Управление дизайном => Таблица стилей (CSS), после чего необходимо найти:

Code
/*HEADER*/
#header {width: 962px; height: 151px; background: url(/.s/t/784/1.jpg) no-repeat;}
#photos {position: absolute;margin-left: 555px;width: 448px;height:224px;background: url(/.s/t/784/2.png);}
#sitelogo {padding: 50px 0px 0px 40px;width: 510px;font: bold 33px 'Arial';color: #437a12;}
#date {margin: 0px 268px 0px 0px;padding-top: 97px;float: right;font: 11px 'Arial';color: #5c5c5c;text-align: right;position: relative;}

#usermenu {margin-top: 3px;height: 33px;background: url(/.s/t/784/3.png);}
#usermenu ul {list-style: none;padding-left: 2px;}
#usermenu li {float: left;height: 33px;background: url(/.s/t/784/4.png) no-repeat top right;}


/.s/t/784/1.jpg —
данный участок кода необходимо заменить на свою ссылку на картинку/ на желаемый цвет.


/.s/t/784/2.png —
данный участок кода необходимо заменить на свою ссылку на картинку/ на желаемый цвет.


/.s/t/784/3.png —
данный участок кода необходимо заменить на свою ссылку на картинку/ на желаемый цвет.


/.s/t/784/4.png —
данный участок кода необходимо заменить на свою ссылку на картинку/ на желаемый цвет.

2.
Как сменить цвет блоков?

Чтобы сменить цвет блоков необходимо войти: Панель управления => Управление дизайном => Таблица стилей (CSS), после чего необходимо найти:

Code
.sidebar-top {height: 5px; overflow: hidden; background: url(/.s/t/784/7.png);}
.sidebar-mid {background: url(/.s/t/784/8.png);padding: 10px 0px;}
.sidebar-bot {height: 5px; overflow: hidden; background: url(/.s/t/784/9.png);}


/.s/t/784/7.png —
данный участок кода необходимо заменить на свою ссылку на картинку/ на желаемый цвет.


/.s/t/784/8.png —
данный участок кода необходимо заменить на свою ссылку на картинку/ на желаемый цвет.


/.s/t/784/9.png —
данный участок кода необходимо заменить на свою ссылку на картинку/ на желаемый цвет.

3. Как сменить фон дизайна?
Чтобы сменить фон дизайна необходимо войти: Панель управления => Управление дизайном => Таблица стилей (CSS), после чего необходимо найти:

Code
/*WRAP*/
#wrap {background: #fff;}

#fff —
данный участок кода необходимо заменить на свою ссылку на картинку/ на желаемый цвет.
Всего комментариев: 12
0  
Админ439916 Фев 2012 07:10 # 12
Помогите пожалуйста разобраться! Я тоже не могу найти /*HEADER*/
0  
anquirk28 Янв 2012 09:21 # 11
Люди помогите пожалуйста, может руки не от туда растут но я в таблице стилей никак не могу найти

/*HEADER*/
#header {width: 962px; height: 151px; background: url(/.s/t/784/1.jpg) no-repeat;}
#photos {position: absolute;margin-left: 555px;width: 448px;height:224px;background: url(/.s/t/784/2.png);}
#sitelogo {padding: 50px 0px 0px 40px;width: 510px;font: bold 33px 'Arial';color: #437a12;}
#date {margin: 0px 268px 0px 0px;padding-top: 97px;float: right;font: 11px 'Arial';color: #5c5c5c;text-align: right;position: relative;}

#usermenu {margin-top: 3px;height: 33px;background: url(/.s/t/784/3.png);}
#usermenu ul {list-style: none;padding-left: 2px;}
#usermenu li {float: left;height: 33px;background: url(/.s/t/784/4.png) no-repeat top right;}

у меня там что-то вроде
/* General Style */
a:link {text-decoration:underline; color:#8B8881;}
a:active {text-decoration:underline; color:#8B8881;}
a:visited {text-decoration:underline; color:#8B8881;}
a:hover {text-decoration:underline; color:#000000;}

.topLink a:link {text-decoration:none; color:#000000;}
.topLink a:active {text-decoration:none; color:#000000}
.topLink a:visited {text-decoration:none; color:#000000;}
.topLink a:hover {text-decoration:none; color:#FCFFEF;}

a.forRegLink:link, a.topSortLink:link, a.postUser:link, a.postNumberLink:link {text-decoration:underline; color:#333333;}
a.forRegLink:active, a.topSortLink:active, a.postUser:active, a.postNumberLink:active {text-decoration:underline; color:#333333;}
a.forRegLink:visited, a.topSortLink:visited, a.postUser:visited, a.postNumberLink:visited {text-decoration:underline; color:#333333;}
a.forRegLink:hover, a.topSortLink:hover, a.postUser:hover, a.postNumberLink:hover {text-decoration:underline; color:#FFFFFF;}

td, body {font-family:verdana,arial,helvetica; font-size:8pt;color:#000000;}
form {padding:0px;margin:0px;}
input,textarea,select {vertical-align:middle; font-size:8pt; font-family:verdana,arial,helvetica;}
.copy {font-size:7pt;}

a.noun:link {text-decoration:none; color:#8B8881}
a.noun:active {text-decoration:none; color:#8B8881}
a.noun:visited {text-decoration:none; color:#8B8881}
a.noun:hover {text-decoration:underline; color:#000000}

hr {color:#C2C2C2;height:1px;}
label {cursor:pointer;cursor:hand}

.blocktitle {font-family:Verdana,Sans-Serif;color:#6C829D;font-size:12px;}

a.menu1:link {text-decoration:underline; color:#9CCF00}
a.menu1:active {text-decoration:underline; color:#9CCF00}
a.menu1:visited {text-decoration:underline; color:#9CCF00}
a.menu1:hover {text-decoration:none; color:#000000}
.menuTd {padding-left:12px;padding-right:10px; background: url('/.s/t/977/19.gif') no-repeat 0px 3px;}

.mframe {border-left:1px solid #E5E7EA; border-right:1px solid #E5E7EA;}
.colgray {border-right:1px solid #E5E7EA;}
.colwhite {border-right:1px solid #FAFAFA;}
.msep {border-top:1px solid #FAFAFA;}
/* ------------- */

/* Menus */
ul.uz, ul.uMenuRoot {list-style: none; margin: 0 0 0 0; padding-left: 0px;}
li.menus {margin: 0; padding: 0 0 0 13px; background: url('/.s/t/977/20.gif') no-repeat 0px 3px; margin-bottom: .6em;}
/* ----- */

что делать, просто хочу заменить картинку лого вверху, объясните для тех кто на броне

biggrin
0  
Alexsdi22 Ноя 2011 22:39 # 9
люди а как поменять "мой сайт" на название какое я хачу????(там в верху слево как это поменять )
0  
Nikita23 Ноя 2011 09:36 # 10
Зайдите в вашу Панель управления, в верхнем меню выберите пункт Дизайн » Управление дизайном, в списке выберите Верхняя часть сайта, там найдите слово Мой сайт и заменяете его на своё название.
0  
YUMA29 Сен 2011 20:47 # 8
"Фон надо прописывать к body."

не выходит. все-равно не ставится. максимум что я смогла - это тупо удалить все блоки и поставить фот. но все сдвинулось. вот фрагмент кода: можете сказать как и где точно записыватся?
предположим, что адрес картинки http://moto-moto.ucoz.com/zast/1264959811_2.jpg

<body>
$ADMIN_BAR$
<div id="wrap">
<div id="container">
$GLOBAL_AHEADER$
<div id="content">
<!-- <middle> -->
<div class="sidebar">
<div class="sidebar-top"></div>
<div class="sidebar-mid">
$GLOBAL_CLEFTER$
</div>
<div class="sidebar-bot"></div>
</div>
<div id="maincont">
<!-- <body> -->$CONTENT$<!-- </body> -->
</div>
<div class="clear"></div>
<!-- </middle> -->
</div>
$GLOBAL_BFOOTER$
</div>
</div>
</body>
0  
YUMA28 Сен 2011 01:44 # 6
доброй ночи. вот почитала, попыталась, еще , еще и еще. кароче: умучалась.
у меня так и не получается поставить картинку на задний фон. уже все варианты записи перепробовала. только умучалась
#wrap { background: url (/.s/t/zast/kagaya_082.jpg ) ;}
#wrap { background: url (../zast/kagaya_082.jpg ) ;}
#wrap { background: url (/kagaya_082.jpg ) ;}
#wrap { background: html//moto-moto.ucoz.com/zast/kagaya_082.jpg ;}
#wrap { background: url ( /moto-moto.ucoz.com/zast/kagaya_082.jpg ) ;}
#wrap { background: (html//moto-moto.ucoz.com/zast/kagaya_082.jpg ) ;}
#wrap { background: url ( background-imagehttp://moto-moto.ucoz.com/zast/kagaya_082.jpg ) ;}
помогите пожалуйсто. обьясните как и что писать. а то я в осадке
0  
Nikita29 Сен 2011 07:50 # 7
Фон надо прописывать к body.
Code
body {...background:url('ссылка на картинку');}
0  
defaultNick394014 Сен 2011 14:43 # 5
Все...сам разобрался...
0  
defaultNick394014 Сен 2011 14:36 # 4
А не подскажете, сделал все как тут говорится - но есть справа полоса шириной пикселей 20-25 (полоса даже по цвету отличается от общего фона) - на разрешении 1024*768 - при полном окне имеется полоса прокрутки - напрягает меня она sad (если что сайт tehnology629.ucoz.ru)Заранее спасибо за ответ.
0  
Sertop12 Сен 2011 23:39 # 3
Вопрос ?? Как сдвинуть левее страницу чтобы всплываемая рекламе на закрывала фото на главной странице. С уважением
0  
KANE25 Авг 2011 13:11 # 1
Здравствуйте , а как поменять нижнюю строку.
Там внизу есть зелёная строка с Двумя фотографиями - Цветочка и поля.
Как убрать эти фотки и поменять цвет строки , вернее где находится код к этой строке.
Помогите пожалуйста !!!!
0  
Nikita25 Авг 2011 13:56 # 2
Добрый день!
В Таблице стилей (CSS) найдите раздел классов под названием Footer start.
Code
#footer {height: 127px; background: url(/.s/t/784/12.jpg) no-repeat bottom left;}
заменяете на:
Code
#footer {height: 127px; background: url(ваша_картинка) no-repeat bottom left;}


далее, чтобы заменить эти фотографии, надо заменить:
Code
#footer-left {float: left; width: 220px; height: 127px; background: url(/.s/t/784/13.png);}
на
Code
#footer-left {float: left; width: 220px; height: 127px; background: url(ваша_картинка);}

ваша_картинка — заменяете на своё изображение
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]