| Главная » Статьи » Стандартные шаблоны » Еда |
Замена дизайна #906
 Начнем: Пу, управление дизайном, страницы сайта. После $ADMIN_BAR$ находим код: Code <td valign="top" width="80"><img src="/.s/t/906/1.jpg" border="0"></td> /.s/t/906/1.jpg - левая часть шапки Затем в самом низу страницы видим: Code <td valign="top" width="80" style="background:url('/.s/t/906/2.gif') repeat-y;"><img src="/.s/t/906/2.gif" border="0"></td> /.s/t/906/2.gif - небольшая полоска с боку, чтоб понять где она расположена смотрите картинку: Я использовала две картинки с разными цветами #E5D202(первая в коде) и #02E54D (вторая в коде)  Что бы не мучаться и не менять на всех страницах вашего сайта эти коды воспользуйтесь "Быстрой заменой участков шаблона" Теперь переходим в Таблицу стилей(css) /* General Style */ body {background:#000000; - фон на сайте, если хотите поменять, то просто замените 000000 на нужный, либо вставьте код картинки фона, пример: Code body {background:url('адрес фона')#F7DFDF; margin:0px; padding:0px;} Далее: Code #dataBar {background:url('/.s/t/906/4.jpg') no-repeat;height:64px;width:550px;color:#575757;} /.s/t/906/4.jpg - это верхняя часть шапки. В принципе ее можно вообще не использовать, то есть просто удалить картинку и все. Code #logoBar {height:234px;background:url('/.s/t/906/5.jpg')......... /.s/t/906/5.jpg - основная часть шаки, середина... Последняя часть шапки Code #contentBar {background:url('/.s/t/906/6.jpg') no-repeat #FFFFFF;padding:15px;} /.s/t/906/5.jpg - ножка бокала. С шапкой закончили, теперь будем менять контейнеры. Их картинки так же находяться в *General Style* Code .boxTable {width:190px;background:url('/.s/t/906/7.gif') repeat-y #363636;border-top:1px solid #4C4C4C;border-bottom:1px solid #4C4C4C;margin:5px 0;} .boxTitle {height:49px;padding-left:30px;font-size:7pt;color:#565656;font-weight:bold;background:url('/.s/t/906/3.gif') no-repeat;text-transform:uppercase;} .boxTable..... /.s/t/906/7.gif - рисуйте однотонным, так как полностю охватывает весь контейнер (просто попробуйте залить одним цветом, не черным картинку размером 190х28, загрузите в файловый менеджер и установите вместо стандартной и все сразу поймете) .boxTitle......./.s/t/906/3.gif - левая часть блока, небольшой узор. Нижняя часть: Тут вообще все элементарно, быстро и просто. Code #footer {height:75px;text-align:center;padding:10px;background:url('/.s/t/906/.gif') top center no-repeat;color:#575757;} /.s/t/906/8.gif - рисуете свою, или можно оставить. Ну, вот и все. Желаю всем удачи с заменой данного дизайна! И помните, если есть вопросы, то обязательно задавайте! Попробуем разобраться. Статья принадлежит сайту banana-art.ru. Полное или частичное копирование запрещено. За более подробной информацией обращаться к администрации. | |
| Просмотров: 2249 | Рейтинг: 5.0/2 |
| Всего комментариев: 0 | |
