Дизайн #798
Поддерживается редактор шапки
О дизайне:
- Дизайн #798
1.Как изменить шапку?
Изменить шапку Вы можете в Панель управления → Дизайн → Редактор → Таблица стилей (CSS), после чего необходимо найти:
/.s/t/798/3.jpg - необходимо менять на свою ссылку на картинку.
#header {
margin: auto;
margin-top: 12px;
width: 1000px;
height: 180px;
background: url(/.s/t/798/3.jpg);
}
/.s/t/798/4.png - необходимо менять на свою ссылку на картинку.
.tm_left {
display: block;
float: right;
width: 5px;
height: 21px;
background: url(/.s/t/798/4.png);
margin-left: 8px;
}
/.s/t/798/5.png - необходимо менять на свою ссылку на картинку.
.tm {
display: block;
float: right;
height: 21px;
background: url(/.s/t/798/5.png);
}
/.s/t/798/6.png - необходимо менять на свою ссылку на картинку.
.tm_right {
display: block;
float: right;
width: 5px;
height: 21px;
background: url(/.s/t/798/6.png);
}
/.s/t/798/7.png - необходимо менять на свою ссылку на картинку.
/.s/t/798/8.png - необходимо менять на свою ссылку на картинку.
/.s/t/798/9.png - необходимо менять на свою ссылку на картинку.
/.s/t/798/10.png - необходимо менять на свою ссылку на картинку.
/.s/t/798/11.png - необходимо менять на свою ссылку на картинку.
/.s/t/798/12.png - необходимо менять на свою ссылку на картинку.
.home {
background: url(/.s/t/798/7.png) no-repeat;
}
.prof {
background: url(/.s/t/798/8.png) no-repeat;
}
.reg {
background: url(/.s/t/798/9.png) no-repeat;
}
.logout {
background: url(/.s/t/798/10.png) no-repeat;
}
.login {
background: url(/.s/t/798/11.png) no-repeat;
}
.rss {
background: url(/.s/t/798/12.png) no-repeat;
}
/.s/t/798/13.png - необходимо менять на свою ссылку на картинку.
#sitelogo-left {
float: left;
width: 10px;
height: 73px;
background: url(/.s/t/798/13.png);
}
/.s/t/798/14.png - необходимо менять на свою ссылку на картинку.
#sitelogo-mid {
float: left;
height: 73px;
font: 40px/73px 'Tahoma';
color: #ffffff;
max-width: 735px;
background: url(/.s/t/798/14.png);
}
/.s/t/798/15.png - необходимо менять на свою ссылку на картинку.
#sitelogo-right {
float: left;
width: 10px;
height: 73px;
background: url(/.s/t/798/15.png);
}
/.s/t/798/16.png - необходимо менять на свою ссылку на картинку.
#searchbg {
background: url(/.s/t/798/16.png) no-repeat;
}
/.s/t/798/17.png - необходимо менять на свою ссылку на картинку.
#nav {
width: 1000px;
margin: auto;
margin-top: 5px;
background: url(/.s/t/798/17.png);
}
2. Как изменить дизайн блоков?
Изменить дизайн блоков Вы можете в Панели управления - Управление дизайном - Таблица стилей CSS, строчки:
/.s/t/798/27.png - необходимо менять на свою ссылку на картинку.
.block-top {
width: 256px;
height: 9px;
overflow: hidden;
background: url(/.s/t/798/27.png) no-repeat;
}
/.s/t/798/28.png - необходимо менять на свою ссылку на картинку.
.blocktitle {
background: url(/.s/t/798/28.png);
line-height: 16px;
font: 13px 'Tahoma';
text-shadow: 1px 1px #d2753d;
color: #ffffff;
padding-left: 10px;
text-transform: uppercase;
}
/.s/t/798/29.png - необходимо менять на свою ссылку на картинку.
.block-between {
width: 256px;
height: 16px;
overflow: hidden;
background: url(/.s/t/798/29.png);
}
/.s/t/798/30.png - необходимо менять на свою ссылку на картинку.
.blockcontent {
text-align: left;
background: url(/.s/t/798/30.png);
width: 256px;
}
/.s/t/798/31.png - необходимо менять на свою ссылку на картинку.
.blockbottom {
width: 256px;
height: 5px;
overflow: hidden;
background: url(/.s/t/798/31.png);
margin-bottom: 5px;
}
3. Как изменить фон всего сайта?
Изменить фон всего сайта Вы можете в Панель управления → Дизайн → Редактор → Таблица стилей (CSS), после чего необходимо найти:
/*--------------------- General styles start ---------------------*/
body {
margin: 0px;
background-color: #324142;
font: 11px 'Tahoma', 'Arial';
color: #6b6b6b;
text-align: center;
}
#324142 - необходимо менять на свой цвет.
4.Социальные закладки.
Изменить их можно в Панель управления → Дизайн → Редактор → Таблица стилей (CSS), после чего необходимо найти:
.soc-rss {
background: url(/.s/t/798/20.png);
}
.soc-del {
background: url(/.s/t/798/21.png);
}
.soc-facebook {
background: url(/.s/t/798/22.png);
}
.soc-memori {
background: url(/.s/t/798/23.png);
}
.soc-twitter {
background: url(/.s/t/798/24.png);
}
.soc-vkontakte {
background: url(/.s/t/798/25.png);
}
/.s/t/798/25.png - меняете на свою ссылку на картинку.
/.s/t/798/24.png - меняете на свою ссылку на картинку.
/.s/t/798/23.png - меняете на свою ссылку на картинку.
/.s/t/798/22.png - меняете на свою ссылку на картинку.
/.s/t/798/21.png - меняете на свою ссылку на картинку.
/.s/t/798/20.png - меняете на свою ссылку на картинку.
Вопрос:
- как изменить размер шрифта в "кнопках" меню под шапкой (там где "главная страница", "информация о сайте" и т.д.) ?
Ответ:
- Чтобы сменить размер шрифта, меняйте следующие значения в Таблице стилей CSS:
#mainmenu li a {
display: block;
margin-top: 9px;
margin-left: 5px;
font: 11px/25px 'Tahoma';
#mainmenu li a {
display: block;
margin-top: 9px;
margin-left: 5px;
font: 11px/25px 'Tahoma';
11 — данную цифру необходимо изменять.