Главная » Стандартные шаблоны » Бизнес и образование » Дизайн #2012

Дизайн #2012

20.03.2014 в 13:23
Автор: condor

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


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          Просмотров: 8170          Комментариев: 52
23.04.2017 в 11:35      0  

Здравствуйте. Подскажите пожалуйста я создаю сайт, начинаю менять таблицу стилей ссs, она меняется только один раз до первого сохранения. После того как я один раз сохраняю больше не могу сохранить никакие изменения. Что делать?
08.04.2017 в 11:02      0  

Не работает поиск в самой верхней части сайта, как быть?
http://hvostdom.ru
20.03.2017 в 17:36      0  

Люди! Специалисты!!! Я что-то в аццком затупе. Я не могу найти указанные участки кода в CSS... Более того, я не понимаю про какой CSS идет речь и где он находится! В глобальных блоках ссылка на class="site-l", а в CSS я этот класс не вижу.
Иду в "Дизайн->Редактор->CSS".
Где косяк?
09.03.2017 в 19:56      0  

Скажите пожалуйста как удалить иконку лапки с заголовок?
27.01.2017 в 21:51      0  

Сделайте на форуме: регистрация, вход, выход.
27.01.2017 в 21:50      0  

Доработайте шаблон - 2012

http://forum.ucoz.ru/forum/24-7592-9#1298068

Сообщение 129
27.01.2017 в 11:09      0  

Как сделать что материалы отображались в несколько столбцов?
22.01.2017 в 20:07      0  

Как установить в верхнем меню, кнопку - регистрация, вход и выход. Проблема, на форуме нет регистрации.
23.09.2016 в 16:06      0  

Как поменять цвет в названии сайта
24.09.2016 в 12:55      0  

С помощью CSS
Найдите необходимый участок текста (через управление шаблонами) и добавьте к ближайшему тегу настройку цвета.
Тут подробнее: http://htmlbook.ru/css/color
23.11.2015 в 13:27      0  

biggrin
1 2 3 »