| Главная » Статьи » Стандартные шаблоны » Игры |
Смена дизайна 829
| Заходить в панель управления, Управление дизайном, Таблица стилей (css) в самом начале видим: /* General Style */ - в этой части и будем полностью менять все картинки дизайна. Первая строка (фон): Code body {background: #1f1f1f; margin:0px; padding:0px;} #1f1f1f - это черный цвет фона. его либо заменяем на другой цвет, либо вставляем нужную картинку. Это делается с помощью кода: Code body {background: url('адрес картинки') #1f1f1f; margin:0px; padding:0px;} Вторая строка: Code #contanier {background: url('/.s/t/829/2.gif') center repeat-y #1f1f1f; margin:0px; padding:0px; text-align: center;} Содержит картинку /.s/t/829/2.gif - это средняя часть сайта(контент), где расположены все новости, материалы, файлы и так далее. Шестая строка: Code #content {vertical-align: top; background: url('/.s/t/829/3.jpg') top no-repeat; padding-top: 199px;} Содержит картинку /.s/t/829/3.jpg - это шапка, если вам нужно увеличить длину, то тогда следует поменять параметр width: 599px в четвертой стреке #centerColumn Седьмая строчка: Code #date {text-align: right; color: #898989; padding: 10px; margin-bottom: 10px;} Изменяется параметр даты. Вы можете поменять цвет, размеры, расположение Девятая строчка Code #navigation
a {text-transform: uppercase; font-weight: bold; font-size: 7pt;
display: block; float: left; line-height: 29px; padding: 0px 7px;
background: url('/.s/t/829/4.gif') no-repeat; margin-right: 1px;
text-decoration: none; color: #000000;} Содержит картинку /.s/t/829/4.gif - это навигация на шапке  Двенадцатая строчка Code #footer {height: 72px; padding-top: 10px; background: url('/.s/t/829/5.gif') repeat-x; text-align: center; color: #000000;} Это нижняя часть сайта /.s/t/829/5.gif Можно заменить картинку на нужную вам, удалить картинку и установить вместо нее желаемый цвет, либо вообще удалить всю строчку. Четырнадцатая строчка: Code #header {width: 599px; height: 58px; background: url('/.s/t/829/6.gif') repeat-x; vertical-align: middle; padding-left: 20px;} /.s/t/829/6.gif - это верхняя часть шапки. Ее так же как и с нижней частью можно поменять, либо удалить. цвет текста и размер(то есть название вашего сайта) меняется в следующей строчке #header h1 {color: #ffffff; font-size: 20pt;... Блоки (контейнеры): Обратите внимание, что в данном дизайне блоки расположены симметрично относительно друг друга, поэтомудл каждого их низ используются отдельные коды и картинки. Верхняя часть блоков: Code .boxTable
th {font-size:9pt;color:#000000;padding:5px;text-align:center;
background: url('/.s/t/829/7.gif') no-repeat; height: 50px;
text-transform: uppercase;} /.s/t/829/7.gif - левая сторона Code .boxTable1
th {font-size:9pt;color:#000000;padding:5px;text-align:center;
background: url('/.s/t/829/8.gif') no-repeat; height: 50px;
text-transform: uppercase;} /.s/t/829/8.gif - правая сторона Code .boxTable .boxContent {background: url(/.s/t/829/9.gif) bottom no-repeat; padding:10px 10px 15px 15px;text-align:left;} /.s/t/829/9.gif - левый контейнер Code .boxTable1 .boxContent {background: url(/.s/t/829/10.gif) bottom no-repeat; padding:10px 15px 15px 10px;text-align:left;} /.s/t/829/10.gif - правый контейнер Все остальные цвета меняете на свое усмотрение. Желаю удачи! Если есть вопросы, то обязательно задавайте. Статья принадлежит сайту banana-art.ru. Полное или частичное копирование запрещено. За более подробной информацией обращаться к администрации. | |
| Просмотров: 2181 | Комментарии: 1 | Рейтинг: 5.0/1 |
| Всего комментариев: 1 | |
|
| |
23.01.2015
Скажите, к новым шаблонам, которые появились на Юкоз, планируются такие же инструкции на вашем сайте?