Главная » Стандартные шаблоны » Бизнес и образование » Дизайн #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;}


Рейтинг: 16          Просмотров: 7644          Комментариев: 48
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
23.11.2015 в 13:25      0  

Здравствуйте! Вопрос снят
09.08.2015 в 12:39      0  

Здравствуйте! Подскажите, пожалуйста, как добавить картинки в слайдер, чтобы они сменяли друг друга на главной странице? Заранее - большое спасибо!
09.08.2015 в 17:20      0  

В данном шаблоне смена картинок не предусмотрена.
Название "слайдер" здесь вообще не корректно используется, так как это не слайдер, а просто приветственный блок с картинкой.
Можно попробовать вытащить слайдер из другого шаблона, в которых предусмотрена смена слайдов.
05.07.2015 в 20:24      0  

Баг с дизайном: Если изменить содержимое первого контейнера (боковой блок) то оно появляется на всех страницах сайта перед футером. Приходится удалять в
ручную.
06.07.2015 в 09:12      0  

Здравствуйте, для того чтобы разобраться в Вашей проблеме, опишите пожалуйста более подробно Ваши действия, какой код добавляете, каким хотите видеть результат.

По возможности предоставьте скриншоты которые иллюстрируют Вашу проблему.

Также по возможности предоставьте фрагмент кода который пытаетесь добавить.

Инструкцию как сделать скриншот Вы найдете по ссылке.

Для того, что бы прикрепить скриншот, загрузите данный файл в Файловый менеджер Вашего сайта, затем получите прямую ссылку на файл, кликнув на кнопку "Ссылка к файлу" и в ответном комментарии вставьте эту ссылку.

09.07.2015 в 17:55      0  

Проблема исчезла после переустановки дизайна. Видимо, сам что-то не так сделал, хотя работал через конструктор
10.07.2015 в 11:51      0  

Основной проблемой появления "косяков" является визуальный редактор и конструктор при неправильном использовании.
Лучше всего изучать и пользоваться чистым html.
28.04.2015 в 14:27      0  

Здравствуйте!
Скажите, пожалуйста, отличие от шаблона #2011 только в графике, или в чём-то ещё?
28.04.2015 в 15:15      +1  

В графике.
1 2 3 »