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

Дизайн #796

01.05.2011 в 09:59
Автор: Scorpik427

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


1. Как сменить шапку?

Чтобы сменить шапку необходимо войти: Панель управления => Управление дизайном => Таблица стилей (CSS), после чего необходимо найти:



/.s/t/796/1.png - данный участок кода необходимо заменить на свою ссылку на картинку.

 

Code
#all1 {
  width: 100%;
  height: 526px;
  background: url(/.s/t/796/1.png) repeat-x;
}

 



/.s/t/796/2.png - данный участок кода необходимо заменить на свою ссылку на картинку.

 

Code
#all2 {
  width: 100%;
  height: 122px;
  background: url(/.s/t/796/2.png) no-repeat top center;
}

 



/.s/t/796/3.png - данный участок кода необходимо заменить на свою ссылку на картинку.

 

Code
  
#top {
  position: relative;
  height: 32px;
  background: #219cc5;
  background: url(/.s/t/796/3.png);
}

 



/.s/t/796/4.png - данный участок кода необходимо заменить на свою ссылку на картинку.

 

Code
#bird {
  position: absolute;
  width: 47px;
  height: 62px;
  left: 0px;
  top: 0px;
  background: url(/.s/t/796/4.png);
  margin: -36px 0px 0px -20px;
}

 



/.s/t/796/5.png - данный участок кода необходимо заменить на свою ссылку на картинку.

 

Code
#top-menu {
  height: 23px;
  text-align: left;
  background: url(/.s/t/796/5.png);
}

 



/.s/t/796/6.png - данный участок кода необходимо заменить на свою ссылку на картинку.

 

Code
.home_left {
  display: block;
  float: left;
  height: 23px;
  width: 24px;
  margin-left: 10px;
  background: url(/.s/t/796/6.png);
}

 



/.s/t/796/7.png - данный участок кода необходимо заменить на свою ссылку на картинку.


/.s/t/796/8.png - данный участок кода необходимо заменить на свою ссылку на картинку.


/.s/t/796/9.png - данный участок кода необходимо заменить на свою ссылку на картинку.


/.s/t/796/10.png - данный участок кода необходимо заменить на свою ссылку на картинку.

/.s/t/796/11.png - данный участок кода необходимо заменить на свою ссылку на картинку.


/.s/t/796/12.png - данный участок кода необходимо заменить на свою ссылку на картинку.

 

Code
.home a {
  background: url(/.s/t/796/7.png) no-repeat;
  padding: 2px 0px 2px 22px;
}

.prof a {
  background: url(/.s/t/796/8.png) no-repeat;
  padding: 2px 0px 2px 22px;
}

.reg a {
  background: url(/.s/t/796/9.png) no-repeat;
  padding: 2px 0px 2px 22px;
}

.logout a {
  background: url(/.s/t/796/10.png) no-repeat;
  padding: 2px 0px 2px 22px;
}

.login a {
  background: url(/.s/t/796/11.png) no-repeat;
  padding: 2px 0px 2px 22px;
}

.rss a {
  background: url(/.s/t/796/12.png) no-repeat;
  padding: 2px 0px 2px 22px;
}

 



/.s/t/796/13.png - данный участок кода необходимо заменить на свою ссылку на картинку.

 

Code
.tm_left {
  display: block;
  float: left;
  height: 23px;
  width: 17px;
  background: url(/.s/t/796/13.png);
}
  

 



/.s/t/796/14.png - данный участок кода необходимо заменить на свою ссылку на картинку.

 

Code

.tm_right {
  display: block;
  float: left;
  height: 23px;
  width: 17px;
  background: url(/.s/t/796/14.png);
}

 



/.s/t/796/15.png - данный участок кода необходимо заменить на свою ссылку на картинку.

 

Code
.tm_end {
  display: block;
  float: left;
  height: 23px;
  width: 5px;
  background: url(/.s/t/796/15.png);
}

 



/.s/t/796/16.png - данный участок кода необходимо заменить на свою ссылку на картинку.

 

Code
.tm {
  display: block;
  float: left;
  height: 23px;
  text-align: center;
  background: url(/.s/t/796/16.png);
}

 


2. Как сменить цвет блоков?

Чтобы сменить цвет блоков необходимо войти: Панель управления => Управление дизайном => Таблица стилей (CSS), после чего необходимо найти:

 

Code
.blocktitle {
  width: 190px;
  height: 27px;
  font: 14px 'Tahoma', 'Arial';
  line-height: 27px;
  color: #219cc5;
  text-transform: uppercase;
  background: url(/.s/t/796/20.png);
  margin-bottom: 5px;
}



/.s/t/796/20.png - данный участок кода необходимо заменить на свою ссылку на картинку

 

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

 

 

Чтобы сменить фон дизайна необходимо войти: Панель управления => Управление дизайном => Таблица стилей (CSS), после чего необходимо найти:

 

Code
/*--------------------- General styles start ---------------------*/

body {
  margin: 0px;
  background-color: #cbe7f1;
  font: 12px 'Arial';
  color: #555555;
  text-align: center;
}


#cbe7f1 — данный участок кода необходимо заменить на желаемый HTML-цвет.


Рейтинг: 36          Просмотров: 19848          Комментариев: 58
Материал      08.09.2017 в 10:52      0  

Доброго времени суток. Подскажите пожалуйста как сделать чтобы сайт адаптировался на разные разрешения мониторов, и в том числе для мобильных устройств.Галочка сайт для мобильной техники стоит...
Спасибо что Вы помогаете
Материал      30.01.2017 в 10:44      0  

Как увеличить ширину страницы? с блоками, с содержимом

Панель управления - Дизайн - Управление дизайном (CSS)
Найдите строчки:
Цитата
#container {
width: 1004px;
margin: auto;
text-align: left;
}
выделенное красным - отвечает за ширину шаблона.

Не получается. Раздвигается только шапка вверху, где стоит дата.
Материал      16.07.2015 в 16:03      0  

Спасибо разобрался.
Материал      16.07.2015 в 15:50      0  

Здравствуйте!

Проблем с отображением блоков на Вашем сайте не обнаружено.

Уточните, актуальна ли проблема в данный момент?

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

Если Вы выполняете несколько действий подряд, пришлите скриншоты Ваших пошаговых действий.

Инструкция по созданию скриншота доступна по ссылке.

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

Материал      16.07.2015 в 15:20      0  

Доброго времени суток!!!
Чтобы блоки появились куда зайти нужно,простите за такие глупые вопросы
Материал      10.07.2015 в 15:41      0  

Всё верно.
Материал      10.07.2015 в 13:33      +1  

Для решения Вашей проблемы с добавлением картинок в нижнюю часть сайта, выполните следующие действия: 

1. Войдите в панель управления сайтом по ссылке : http://mbdou444.my1.ru/admin/ . 

2. В админ-баре выберите пункт "Дизайн->Управление дизайном (Шаблоны)" . 

3. В открывшемся окне выберите шаблон "Глобальные блоки->Нижняя часть сайта" . 

4. В окне редактирования кода добавьте в самом верху следующий фрагмент кода :

Код
<img src="/.s/t/796/2.png">

5. Сохраните изменения.

Скриншот иллюстрирующий пошаговое выполнение действий в панели управления.
Материал      10.07.2015 в 13:12      0  

Инквизитор,я правильно понял: блоки убрать и вставить div на их место?
Спасибо
Материал      10.07.2015 в 13:09      0  

И еще вопрос,возможно последний как солнышко с самолетиком(рисунок /.s/t/796/2.png)
вставить вниз сайта
Материал      10.07.2015 в 12:56      +1  

Здравствуйте!

Для решения Вашей проблемы с добавлением ссылок выполните следующие действия:

1. Войдите в панель управления сайтом по ссылке : http://mbdou444.my1.ru/admin/ .

2. В админ-баре выберите пункт "Дизайн->Управление дизайном (Шаблоны)" .

3. В открывшемся окне выберите шаблон "Глобальные блоки->Верхняя часть сайта" .

4. Найдите строку с кодом:

Код
<!--?if($RSS_LINK$)?--><span class="tm_left"></span><span class="rss tm"><a href="$RSS_LINK$">RSS</a></span></i></b></font><span class="tm_right"></span><!--?endif?-->

5. Добавьте после нее следующие строки:

Код
<span class="tm_left"></span><span class="ped tm"><a href="/ped_sovet">Педагогический совет</a></span></i></b></font><span class="tm_right"></span>   

<span class="tm_left"></span><span class="about tm"><a href="/about">О нас</a></span></i></b></font><span class="tm_right"></span>

Важно!!!  В вышеприведенном коде измените ссылки страниц в меню на свои.

Фрагменты где нужно вставить свои ссылки на страницы привожу ниже:


Код
<a href="/ped_sovet">

<a href="/about">

Замените ссылки в кавычках, на ссылки которые ведут к нужным Вам страницам.

6. Сохраните изменения.

Скриншот иллюстрирующий действия пошагово.

Вид верхнего меню после внесения изменений.
1 2 3 4 5 6 »