Главная » Стандартные шаблоны » Гламур » Дизайн #785

Дизайн #785

08.08.2011 в 16:15
Автор: Scorpik427

Данный шаблон не поддерживает редактор шапки. Узнать подробнее.


1. 
Как сменить шапку?

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

Code

/*--------------------- TOP start ---------------------*/
#top {height: 96px; background: url(/.s/t/785/3.png);}
#usermenu {float:right;margin: 8px 17px 0px 0px;padding: 0px;padding-right: 4px; height: 24px; text-align: right; color: #fff; text-shadow: 0px 1px 0px #3d3d3d; line-height: 24px;background: url(/.s/t/785/4.png) repeat-x;}
#usermenu a {color: #fff; padding: 0px 0px 2px 20px;margin-left: 7px;}
#usermenu a:hover {text-decoration: underline;}
#usermenu-corner {float:right;background: url(/.s/t/785/5.png);width:16px;height:24px;margin: 8px 0px 0px 0px;}
a.rss-link {background: url(/.s/t/785/6.png) no-repeat;}
#usermenu a.login-link {background: url(/.s/t/785/7.png) no-repeat;padding-left: 15px;}
a.logout-link {background: url(/.s/t/785/8.png) no-repeat;}
a.register-link {background: url(/.s/t/785/9.png) no-repeat;}
a.profile-link {background: url(/.s/t/785/10.png) no-repeat;}
#logo-block {float: left;margin: 1px 0px 0px 65px;}
#logo-block h1 {font: 28px/35px 'Tahoma';color: #423744;text-shadow: 0px 1px 0px #fff;}
#top-right {float: right; margin: 13px 18px 0px 0px;}
#top-search {float: right;width:120px;height:24px;background: url(/.s/t/785/11.png);}
#topQueryField {float: left;-moz-box-shadow: none !important;box-shadow: none !important;border: 0px !important;background: none !important;padding: 0px !important;width: 80px;font: 11px/15px 'Tahoma';color: #686868;margin:5px 0px 0px 7px;}
#topSearchSbmFl {position: relative;float: right;width: 26px;height:24px;background: none;border: none;cursor: pointer;text-indent: -9999px;font-size: 0px;color: transparent;}
#date {float: right; height: 24px;margin-right: 10px;}
#date * {height: 24px;line-height: 22px;}
#date-right {float: right;width: 10px; background: url(/.s/t/785/12.png);}
#date-mid {float: right; background: url(/.s/t/785/13.png);}
#date-left {float: right;width: 10px; background: url(/.s/t/785/14.png);}
/*--------------------- TOP end ---------------------*/


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


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


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


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


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


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


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


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


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


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


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


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

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


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

Code
/*----Container blocks styles----*/
.block {margin-left: 8px;width: 252px;background: url(/.s/t/785/22.gif);margin-bottom: 10px;}
.blocktitle {background: url(/.s/t/785/23.gif) no-repeat;padding: 10px 10px 10px 10px;font: 14px 'Tahoma'; color: #4d424e; text-transform: uppercase;}
.blockbottom {background: url(/.s/t/785/24.gif);height: 12px;overflow: hidden;}
.blockcontent {text-align: left;margin: 0px 10px;width: 232px;position: relative;}
.blockcontent ul {margin: 0;padding: 0;list-style: none;}
.blockcontent li {margin-left: 25px;list-style: disc;line-height:18px;}
.blockcontent li a {}
.blockcontent li a:hover {}
.blockcontent a {}
.blockcontent a:hover {}
/*-----------------------*/


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


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


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


3. Как сменить фон дизайна?

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

Code

#wrap0 {background: #2d122e url(/.s/t/785/1.png);}
#wrap {background: url(/.s/t/785/2.jpg) no-repeat top center;}

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



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


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

Рейтинг: 11          Просмотров: 7313          Комментариев: 12
27.01.2015 в 15:58      0  

Куда в этом шаблоне засунули код Личных сообщений, хочу чтобы ЛС открывались в новой вкладке?!
13.12.2014 в 18:44      0  

А кто может подсказать, как изменить белый цвет страницы на черный, а текст наоборот на белый? ))
Спасибо.
16.07.2014 в 21:56      0  

Добрый день!
Как поменять http://fenris.clan.su/.s/t/785/3.png на свою картинку. Указанного кода в CSS нет.
18.07.2014 в 06:42      +1  

Здравствуйте!
Вам необходимо зайти в Панель управления сайтом  - Настройки  - Общие настройки и в пункте "Дизайн сайта" выберите дизайн №785.
Затем зайдите а Панель управления сайтом - Дизайн - Управление дизайном (CSS) и нажмите на кнопку "Восстановить стандартный шаблон".
18.07.2014 в 12:01      0  

Спасибо, yanastetsenko !
26.01.2014 в 11:41      0  

А как сдвинуть на 2-3 см вправо название сайта?
10.01.2014 в 09:50      0  

как сделать страничку чуток по темнее?
12.01.2014 в 01:23      0  

Здравствуйте! В данном руководстве описано, как изменить фон дизайна (скриншот: http://screencast.com/t/vSlI7ZMwHD ). Вам лишь нужно загрузить картинку с нужным цветом.
10.11.2013 в 17:59      0  

Спасибо Егор, узнать бы какой код за них отвечает, не могу найти его
10.11.2013 в 20:34      0  

За вывод иконок социальных сетей, в "Таблице стилей (СSS)" отвечают классы:

Код
.soc-rss { background: url(/.s/t/785/16.png);}
.soc-del { background: url(/.s/t/785/17.png);}
.soc-facebook { background: url(/.s/t/785/18.png);}
.soc-memori { background: url(/.s/t/785/19.png);}
.soc-twitter { background: url(/.s/t/785/20.png);margin-right: 0px !important;}
.soc-vkontakte { background: url(/.s/t/785/21.png);}
09.11.2013 в 23:28      0  

А как убрать соц сети над главным меню? Или хотя бы картинки убрать
10.11.2013 в 09:40      +1  

Здравствуйте, nsgth. Вы можете удалить соответствующий код напрямую в шаблоне дизайна Вашего сайта: Панель управления → Управление дизайном → Первый контейнер.