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

Дизайн #2011

20.03.2014 в 13:17
Автор: condor
Данный шаблон не поддерживает редактор шапки. Узнать подробнее.


1.Как изменить фон сайта?

Для того, чтобы изменить фон сайта, необходимо перейти в Панель Управления - Дизайн - Управление дизайном (CSS) и найти код:
Код
body.page-body {
background: #AFCED3 url(/.s/t/2011/bg.jpg);
}

в котором, соответственно, делается замена фона.

2.Как изменить логотип?


Для того, чтобы изменить стандартный логотип, необходимо перейти в Панель Управления - Дизайн - Управление дизайном (CSS) и найти код:
Код
.site-l {
display: block;
padding: 8px 0 8px 90px;
background: url(/.s/t/2011/logo.jpg) 0 center no-repeat;
}

где /.s/t/2011/logo.jpg заменяемый логотип.

3.Как изменить картинку в слайдере, а также сделать, чтобы слайдер отображался на всех страницах, а не только на главной?

Для того, чтобы изменить картинку в слайдере, необходимо перейти в Панель Управления - Дизайн - Управление дизайном (CSS) и найти код:
Код
#uncheader {
height: 100%;
height: 488px;
overflow: hidden;
background: url(/.s/t/2011/promo.jpg) 0 0 no-repeat;
background-size: cover;
}

где /.s/t/2011/promo.jpg заменяемая картинка.

Для того, чтобы слайдер отображался на всех страницах, необходимо перейти в Панель Управления - Дизайн - Управление дизайном (Шаблоны) - PROMO, где необходимо найти системные операторы
Код
<?if($URI_ID$='page1')?>...<?endif?>

внутрь которых вставлен код слайдера, и удалить их.

4.Как изменить картинки горизонтального меню и его пунктов?


Для этого необходимо перейти в Панель Управления - Дизайн - Управление дизайном (CSS) и найти код:
Код
#catmenu {
background: #7394A0 url(/.s/t/2011/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/2011/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/2011/nav-hov.png) 0 0 repeat-x;
}

где,
Код
/.s/t/2011/nav.png
/.s/t/2011/nav-s.png
/.s/t/2011/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/2011/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/2011/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/2011/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/2011/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/2011/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;}

Рейтинг: 6          Просмотров: 13469          Комментариев: 20

Inkvizitor
Материал      08.10.2015 в 13:22      0  
Ссылку на сайт можно?

popova090582
Материал      29.09.2015 в 17:06      0  
Подскажите, пожалуйста, как убрать сокращение
текста во втором, третьем уровне основного горизонтального меню.
Хотелось бы, чтобы текст переносился на другую строку (был полностью
виден)
У меня та же проблема... Плюс на первом уровне сокращается(

Inkvizitor
Материал      20.06.2015 в 21:54      0  
Панель управления - Дизайн - Управление дизайном (шаблоны)
Откройте шаблон "PROMO" и удалите эти строчки:
Цитата
<div class="promo-caption">
<div class="promo-i">
<div class="promo-b">
<div class="promo-title">
Lorem ipsum dolor sit amet
</div>
<div class="promo-text">
Suspendisse a elit commodo, iaculis elit volutpat, gravida felis. Curabitur feugiat volutpat neque, et luctus dui dapibus nec.
</div>
</div>
</div>
</div>

Натали1222
Материал      19.06.2015 в 22:27      0  
У меня та же проблема!! Удалось вам ее решить???

Dream
Материал      28.04.2015 в 15:40      0  
Это происходит и при работе в Панели администрирования - Управление дизайном.

Inkvizitor
Материал      28.04.2015 в 15:32      0  
Для исключения возможных "сбоев" и искажения других элементов сайта - рекомендую использовать не встроенный конструктор, а изменять шаблон вручную.
Просьба не дублировать одни и те же вопросы в мануалах/форуме/uВопросах.

Dream
Материал      28.04.2015 в 14:32      0  
Здравствуйте!.
Почему-то при добавлении блока в боковую панель в режиме конструктора иногда происходит исчезновение ниже лежащих блоков и футера. Особенно, если добавил флеш-ролик.
Пример: http://school21-ahm.ucoz.ru/
Как это решить?

Thirteen
Материал      12.02.2015 в 17:03      0  
В новостях использую Спойлер
<button onclick="HideIt();">Название спойлера</button>
<div id="HideMe" style="display: none;">ТЕКСТ ПОД СПОЙЛЕРОМ!</div>
<script>
function HideIt () {
   var e = document.getElementById('HideMe');
   if (!e.shown) {
     e.shown = true;
     e.style.display = 'block';
   }
   else {
     e.shown = false;
     e.style.display = 'none';
   }
} // .function HideIt
</script>

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

makasja
Материал      04.02.2015 в 14:17      +1  
Добрый день, подскажите пожалуйста, как убрать прозрачную область с надписью на шапке сайта, или изменить ее размер???

admkizel
Материал      02.12.2014 в 07:34      0  
Подскажите, пожалуйста, как убрать сокращение текста во втором, третьем уровне основного горизонтального меню. Хотелось бы, чтобы текст переносился на другую строку (был полностью виден)
« 1 2