Дизайн #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 — данную цифру необходимо изменять.