В этом уроке,я расскажу Вам,как устанавливать дизайн на 985 шаблоне Юкоз.
Устанавливаем Шапку: Заходим в Пу--Управление Дизайном--Верхняя часть.
Сразу предупреждаю,на этом шаблоне шапка может быть любого размера.
Видем строку:
Code
<table border="0" cellpadding="0" cellspacing="0" width="762" height="140" style="background:url('/.s/t/985/3.jpg');">
И адрес
меняем на адрес своей шапки.Такжу,если шапка у Вас,например ,размером 1000*300 пикселей,то
меняем на
,а
меняем на
Думаю,тут все понятно.
Теперь идем к картинке под шапкой.Это также находится в Верхней части сайта,а ее код:
Code
<table border="0" cellpadding="0" cellspacing="0" width="762" height="38" style="background:url('/.s/t/985/4.gif');">
И адрес /.s/t/985/4.gif,меняем на адрес своей полосочки.Важно!Ее ширина ,должна быть такой же,как и у шапки,а высота-любой.Так же.хочу открыть Вам маленькую тайну.Как сделать,чтобы полосочка,была продолжением шапки?Все очень просто.Открываете Вашу шапку,и режите ее,чуть больше,чем напополам.Например:
Я взяла эту шапку,она размером 950*990 пикселей.
Я порезала,и вот что у меня получилось:
;
И,я смело заливаю адрес,уже презанной шапки в Файловый менеджер,вставлю его в выше указанный код.Потом,я заливаю в Корневую директорию сайта адрес моей полосочки,и вставлю в выше указанный код.Размеры меняются тут:
Code
width="762" height="38"
Также,Вы можете просто вставить ссылку на цвет.
Фон: Фон меняется очень просто.
Идем в :ПУ--Управление дизайном--Быстрая Замена участков шаблона
В строке "Что заменить" вставляем код
Code
<body style="background:#FFFFFF; margin:0px; padding:0px;">
В строке на "Что заменить" вставляем код,который Вам больше подойдет.
Если у Вас цветовой код,то Вам подойдет этот код:
Code
<body style="background:#Ваш цвет; margin:0px; padding:0px;">
Если Вас ссылка на фон,то используйте этот:
Code
<body style="background:url(Ваш адрес фона') #FFFFFF; margin:0px; padding:0px;">
Разумеется,"Ваш цвет" и "Ваш адрес фона",заменяем на свои данные.
Контур: Преступаем к смене контура.Он размером 21*10 пикселей.Делаем такую картинку в Фотошопе,заливаем в Корневую директорию сайта,и идем в ПУ--Управление дизайном сайта--Быстрая замена участков шаблона.
В строке "Что заменить" вставляем код:
Code
<td align="right" height="100%" valign="top" style="background:url('/.s/t/985/1.gif') right repeat-y;">
В строке"На что заменить" вставляем код:
<td align="right" height="100%" valign="top" style="background:url('Ваша ссылка на контур') right repeat-y;">
Потом,еще раз делаем то же самое,только с другим кодомю.Внимание!Картинка контура остается прежней.
В строке" что заменить" вставляем код:
Code
<td align="left" height="100%" valign="top" style="background:url('/.s/t/985/9.gif') left repeat-y;">
В строке "На что заменить" вставляем код:
Code
<td align="left" height="100%" valign="top" style="background:url('Ваша ссылка на контур') left repeat-y;">
Фуух,с контуром мы справились.
Нижняя часть сайта: Идем в ПУ--Управление дизайном--Нижняя часть сайта.
И,ищем этот код:
Code
<table border="0" cellpadding="4" cellspacing="0" width="762" height="100" style="background:url('/.s/t/985/8.gif');">
Опять же,ссылку
меняем на свою,а также указываем свои размеры-
Code
width="762" height="100"
Идем в ПУ-Управление дизайном--Первый контейнер.
И,где-то в четвертой строчке каждого кода есть адрес:
который мы меняем на адрес своего блока,который обязательно должен быть размером 202*29.
Также,у нас в HTML остался последний пункт,связанный с блоками. Идем в :ПУ-Управление дизайном--Быстрая замена участков шаблона.
И,в строке "Что заменить" вставляем код:
Code
<img src="/.s/t/985/6.gif" border="0">
А в строке "На то заменить" вставляем код:
Code
<img src="Ваша ссылка" border="0">
Это мы меняем то,что под блоками.И размером это 202*10 пикселей.
Вот и все.Если у Вас возникли вопросы-задавайте их в этой теме.
Внимание!Данная статься принадлежит сайту teddyanddolls.at.ua,копирование разрешено,но только с указанием активной ссылки на источник!
