Главная » Стандартные шаблоны » Бизнес и образование » Дизайн #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          Просмотров: 7253          Комментариев: 44
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  

В графике.
07.02.2015 в 21:27      0  

Добрый вечер.
Скажите, пожалуйста, почему в шаблоне 2012 недоступно редактирование информации в подвале через включенный Конструктор? Можно только год изменить и все, а добавить надписи какие-то вообще невозможно. Хотя, вроде бы, и поле есть соответствующее, но до него не добраться.
Вот скриншот
http://i.piccy.info/i9/54e3769006129fc31d84a0bc61980131/1423332267/21167/864340/podval.jpg
Скажите, как это можно исправить?
06.02.2015 в 00:02      0  

Еще один вопрос возник по поводу этого шаблона.
Изменила высоту картинки в слайдере до 300px, а надпись, которая была на сером фоне сбоку (Lorem ipsum dolor sit amet Suspendisse a elit commodo, iaculis elit volutpat, gravida
felis. Curabitur feugiat volutpat neque, et luctus dui dapibus nec), она как была прежних размеров, так и осталось.
Подскажите, как уменьшить эту серую надпись до 300 пикселей?
05.02.2015 в 13:08      0  

Подскажите, пожалуйста, как убрать значок с изображением собачьей лапки, который отображается возле названия материала?
05.02.2015 в 13:34      +1  

Для этого необходимо перейти в Панель Управления - Дизайн - Управление дизайном (CSS) и найти код:


Код
.eTitle:before {content:"";position:absolute;width:18px;height:20px;background:url(/.s/t/2012/t-ico.png);left:20px;top:10px;}

Если, нужно убрать удалите этот  код, а если изменить картинку тогда просто поменяйте путь к нужной, здесь:

Код
background:url(/.s/t/2012/t-ico.png)
05.02.2015 в 14:06      0  

Спасибо за помощь! Только нигде что-то не могу эту строчку найти... где же она спряталась? ((
05.02.2015 в 14:10      0  

Укажите пожалуйста, адрес сайта.
05.02.2015 в 14:22      0  

Все, разобралась уже и нашла, это строчка 82 ))
Спасибо.
30.01.2015 в 01:43      0  

Здравствуйте, подскажите пожалуйста , как заменить картинку логотипа на свою, т.е. /.s/t/2012/logo.jpg заменяемый логотип, как правильно прописать путь своей картинки? Как загружать, через какую функцию в конструкторе. Я новичок.  Заранее Спасибо.
30.01.2015 в 06:39      0  

В панели управления Вашим сайтом, перейдите Инструменты - Файловый менеджер. Далее выберете папку img, нажмите "Выбрать", затем выберете файл логотипа и нажмите "Загрузить".  После загрузки, скопируйте ссылку на файл и замените в нужном месте 


Код
background: url(/.s/t/2012/logo.jpg) 0 center no-repeat;
1 2 3 »