Дизайн #79801.05.2011 в 09:48
Автор: Scorpik427 Данный шаблон поддерживает редактор шапки. Узнать подробнее.
О дизайне: Дизайн #798 1. Как изменить шапку? Изменить шапку Вы можете в Панели управления - Управление дизайном - Таблица стилей CSS, строчки: /.s/t/798/3.jpg - необходимо менять на свою ссылку на картинку. Code #header { margin: auto; margin-top: 12px; width: 1000px; height: 180px; background: url(/.s/t/798/3.jpg); } /.s/t/798/4.png - необходимо менять на свою ссылку на картинку. Code .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 - необходимо менять на свою ссылку на картинку. Code .tm { display: block; float: right; height: 21px; background: url(/.s/t/798/5.png); } /.s/t/798/6.png - необходимо менять на свою ссылку на картинку. Code .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 - необходимо менять на свою ссылку на картинку. Code .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 - необходимо менять на свою ссылку на картинку. Code #sitelogo-left { float: left; width: 10px; height: 73px; background: url(/.s/t/798/13.png); } /.s/t/798/14.png - необходимо менять на свою ссылку на картинку. Code #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 - необходимо менять на свою ссылку на картинку. Code #sitelogo-right { float: left; width: 10px; height: 73px; background: url(/.s/t/798/15.png); } /.s/t/798/16.png - необходимо менять на свою ссылку на картинку. Code #searchbg { background: url(/.s/t/798/16.png) no-repeat; } /.s/t/798/17.png - необходимо менять на свою ссылку на картинку. Code #nav { width: 1000px; margin: auto; margin-top: 5px; background: url(/.s/t/798/17.png); } 2. Как изменить дизайн блоков? Изменить дизайн блоков Вы можете в Панели управления - Управление дизайном - Таблица стилей CSS, строчки: /.s/t/798/27.png - необходимо менять на свою ссылку на картинку. Code .block-top { width: 256px; height: 9px; overflow: hidden; background: url(/.s/t/798/27.png) no-repeat; } /.s/t/798/28.png - необходимо менять на свою ссылку на картинку. Code .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 - необходимо менять на свою ссылку на картинку. Code .block-between { width: 256px; height: 16px; overflow: hidden; background: url(/.s/t/798/29.png); } /.s/t/798/30.png - необходимо менять на свою ссылку на картинку. Code .blockcontent { text-align: left; background: url(/.s/t/798/30.png); width: 256px; } /.s/t/798/31.png - необходимо менять на свою ссылку на картинку. Code .blockbottom { width: 256px; height: 5px; overflow: hidden; background: url(/.s/t/798/31.png); margin-bottom: 5px; } 3. Как изменить фон всего сайта? Изменить фон всего сайта Вы можете в Панели управления: Управление дизайном - Таблица стилей css, строчки: Code /*--------------------- General styles start ---------------------*/ body { margin: 0px; background-color: #324142; font: 11px 'Tahoma', 'Arial'; color: #6b6b6b; text-align: center; } #324142 - необходимо менять на свой цвет. 4. Социальные закладки. Изменить их можно в Панели управления: Управление дизайном - Таблица стилей css, строчки: Code .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 — данную цифру необходимо изменять.
Рейтинг: 106
Просмотров: 20037
Комментариев: 44
|
Материал 15.02.2016 в 18:26 0 body {
background: #код_цвета_в_hex_формате; } или body { background: url('ссылка на картинку'); } (если фон изображение) |
Материал 15.02.2016 в 11:48 0 Здравствуйте! А как фон всего сайта на всех страницах изменить подскажите?
|
С инструкцией по оформлению дизайна всплывающего меню можно ознакомится на странице форума: http://forum.ucoz.ru/forum/24-29003-1
|
Необходимо перейти в Панель управления -- Редактор страниц -- Управление страницами сайта -- Главная страница: Изменить информацию . На странице редактирования внизу в разделе Опции ставите галочку Использовать персональный шаблон для страницы [?].
Далее переходите в Дизайн -- Управление дизайном (шаблоны) -- Главная страница и удаляете год вывода правого блока (Первый контейнер) - $GLOBAL_CLEFTER$ и код вывода кнопок социальных сетей: Код <div id="rightcol"> <div id="soc"> <?if($RSS_LINK$)?><a href="$RSS_LINK$" target="_blank" title="RSS" class="soc-rss"></a><?endif?> <a href="http://del.icio.us/post?url=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Del.icio.us" class="soc-del"></a> <a href="http://www.facebook.com/share.php?u=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="FaceBook" class="soc-facebook"></a> <a href="http://memori.ru/link/?sm=1&u_data=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Memori" class="soc-memori"></a> <a href="http://vkontakte.ru/share.php?url=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Vkontakte" class="soc-vkontakte"></a> <a href="http://twitter.com/share?url=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Twitter" class="soc-twitter"></a> </div> </div> |