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

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

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

Дизайн #796 | 12 Май 2012 14:56
Дизайн #796 | 12 Май 2012 06:25
Дизайн #796 | 12 Май 2012 05:39
Дизайн #798 | 07 Май 2012 15:40
Дизайн #806 | 07 Май 2012 12:40
Поиск
Наш опрос
Как долго вы работаете с системой uCoz
Всего ответов: 219
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Нас посетили:
sosok
Дизайн # 784 (08 Авг 2011)
Стандартные шаблоны » Фото | Опубликовал Dmitriy | 18 комментариев

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 —
данный участок кода необходимо заменить на свою ссылку на картинку/ на желаемый цвет.
Всего комментариев: 181 2 »

0  
#18 Туся  19 Мар 2012
Доброго времени суток, подскажите как в этом шаблоне в меню сайта поставить картинку перед строчкой. То что в CSS я знаю но де именно и какого вида. (CSSтолько начала изучать) wacko

0  
#16 Аликле  13 Мар 2012
Еще немного повозилась, восстановила стандартный шаблон и все нашла!!!!!! Попробуйте.

0  
#17 Nikita  13 Мар 2012
Да, всегда лучше делать сначала Восстановление шаблона, просто не всегда Таблица стилей переключается на новый шаблон сразу.

0  
#15 Аликле  13 Мар 2012
просмотрела все у меня там как у #11 anquirk 28 Янв 2012

0  
#13 Аликле  13 Мар 2012
Доброго времени суток. в таблице стилей (CSS) не могу найти раздел классов под названием Footer start. подскажите где искать?

0  
#14 Nikita  13 Мар 2012
Здравствуйте! Тогда попробуйте найти #footer.

0  
#12 Админ4399  16 Фев 2012
Помогите пожалуйста разобраться! Я тоже не могу найти /*HEADER*/

0  
#11 anquirk  28 Янв 2012
Люди помогите пожалуйста, может руки не от туда растут но я в таблице стилей никак не могу найти

/*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  
#9 Alexsdi  22 Ноя 2011
люди а как поменять "мой сайт" на название какое я хачу????(там в верху слево как это поменять )

0  
#10 Nikita  23 Ноя 2011
Зайдите в вашу Панель управления, в верхнем меню выберите пункт Дизайн » Управление дизайном, в списке выберите Верхняя часть сайта, там найдите слово Мой сайт и заменяете его на своё название.

0  
#8 YUMA  29 Сен 2011
"Фон надо прописывать к 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  
#6 YUMA  28 Сен 2011
доброй ночи. вот почитала, попыталась, еще , еще и еще. кароче: умучалась.
у меня так и не получается поставить картинку на задний фон. уже все варианты записи перепробовала. только умучалась
#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  
#7 Nikita  29 Сен 2011
Фон надо прописывать к body.
Code
body {...background:url('ссылка на картинку');}

0  
#5 defaultNick3940  14 Сен 2011
Все...сам разобрался...
1-10 11-13
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]