 Дизайн #2012 Данный шаблон не поддерживает редактор шапки. Узнать подробнее.  1.Как изменить фон сайта? Для того, чтобы изменить фон сайта, необходимо перейти в Панель Управления - Дизайн - Управление дизайном (CSS) и найти код: Код body.page-body { background: #AFCED3 url(/.s/t/2012/bg.jpg); } в котором, соответственно, делается замена фона. 2.Как изменить логотип?  Для того, чтобы изменить стандартный логотип, необходимо перейти в Панель Управления - Дизайн - Управление дизайном (CSS) и найти код: Код .site-l { display: block; padding: 8px 0 8px 90px; background: url(/.s/t/2012/logo.jpg) 0 center no-repeat; } где /.s/t/2012/logo.jpg заменяемый логотип. 3.Как изменить картинку в слайдере, а также сделать, чтобы слайдер отображался на всех страницах, а не только на главной? Для того, чтобы изменить картинку в слайдере, необходимо перейти в Панель Управления - Дизайн - Управление дизайном (CSS) и найти код: Код #uncheader { height: 100%; height: 488px; overflow: hidden; background: url(/.s/t/2012/promo.jpg) 0 0 no-repeat; background-size: cover; } где /.s/t/2012/promo.jpg заменяемая картинка. Для того, чтобы слайдер отображался на всех страницах, необходимо перейти в Панель Управления - Дизайн - Управление дизайном (Шаблоны) - PROMO, где необходимо найти системные операторы Код <?if($URI_ID$='page1')?>...<?endif?> внутрь которых вставлен код слайдера, и удалить их. 4.Как изменить картинки горизонтального меню и его пунктов?  Для этого необходимо перейти в Панель Управления - Дизайн - Управление дизайном (CSS) и найти код: Код #catmenu { background: #7394A0 url(/.s/t/2012/nav.png) 0 0 repeat-x; line-height: 42px; position: relative; z-index: 200; border-bottom: 1px solid #7A9EAB; margin: 15px 0 0; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } #catmenu li { float: left; height: 42px; background: url(/.s/t/2012/nav-s.png) 0 1px no-repeat; padding: 0 0 0 2px; } #catmenu li > a:hover, #catmenu li > a.uMenuItemA { text-decoration: none; color: #FFF; background: #88B9CC url(/.s/t/2012/nav-hov.png) 0 0 repeat-x; } где Код /.s/t/2012/nav.png /.s/t/2012/nav-s.png /.s/t/2012/nav-hov.png 5.Как изменить оформление правого контейнера?  Для этого необходимо перейти в Панель Управления - Дизайн - Управление дизайном (CSS) и найти код: Код .sidetitle { padding: 10px 20px; font-size: 16px; color: #AF5F24; text-shadow: 0 1px 1px #F1E6D5; background: #E0C7A2 url(/.s/t/2012/title.jpg) 0 0 repeat-x; border-bottom: 1px solid #EDDABE; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .sidebox { margin: 0 0 15px; padding: 0; background: #FFF; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } где заменяем /.s/t/2012/title.jpg на свою картинку для изменения заголовка блока, а также производим другие изменения по замене фона и необходимого оформления. 6.Как изменить оформление вида материалов и комментариев к нему?  Все видоизменения оформления производятся непосредственно в шаблоне Таблица стилей(CSS). Стили оформления блока материала: Код .eBlock { margin: 0 0 15px; border-spacing: 0; padding: 0; background: #FFF; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } Стили заголовка материала: Код .eTitle, .eBlock .eTitle, .eBlock td.eTitle { position: relative; z-index: 1; padding: 10px 20px 10px 48px!important; font-size: 16px; color: #AF5F24; text-shadow: 0 1px 1px #F1E6D5; background: #E0C7A2 url(/.s/t/2012/title.jpg) 0 0 repeat-x; border-bottom: 1px solid #EDDABE; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } Стили оформления детальной информации материала: Код .eDetails, .eDetails1, .eDetails2 { color: #474747; text-shadow: 0 1px 1px #EEE; clear: both; font-size: 13px; padding: 10px 20px!important; margin: 0!important; background: #EEE url(/.s/t/2012/details.jpg) 0 bottom repeat-x; border-bottom: 1px solid #D1D1D1; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } Стиль оформления иконок детальной информации: Код .e-category, .e-comments { background: url(/.s/t/2012/details.png) 0 -500px no-repeat; padding: 0 0 0 20px; margin: 0 10px 0 0; display: inline-block; height: 15px; line-height: 15px; } .e-reads {background-position:0 0;} .e-reads:hover {background-position:-300px 0;} .e-loads {background-position:0 -400px;padding:0 0 0 14px;} .e-loads:hover {background-position:-300px -400px;} .e-author {background-position:0 -100px;padding:0 0 0 16px;} .e-author:hover {background-position:-300px -100px;} .e-date {background-position:0 -300px;padding:0 0 0 20px;} .e-date:hover {background-position:-300px -300px;} .e-comments {background-position:0 -200px;} .e-comments:hover {background-position:-300px -200px;} .e-rating {background-position:0 -600px;padding:0 0 0 20px;} .e-rating:hover {background-position:-300px -600px;} .e-add {background-position:0 -700px;padding:0 0 0 20px;} .e-add:hover {background-position:-300px -700px;} .e-tags {background-position:0 -800px;padding:0 0 0 20px;} .e-tags:hover {background-position:-300px -800px;}
Рейтинг: 17
Просмотров: 12550
Комментариев: 52
|
|
|
|
|
|
