Главная » Стандартные шаблоны » Природа » Дизайн #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          Просмотров: 14476          Комментариев: 56
04.12.2015 в 14:50      0  

Как и где можно поменять цвет новостей и гиперссылок с красного на черный к примеру на этом дизайне?
09.07.2015 в 08:51      0  

Доброго времени суток!!!
Как можно увеличить ширину шаблона?
И еще один вопрос нужно уменьшить межстрочный интервал
сайт  http://mbdou444.my1.ru/
Спасибо
09.07.2015 в 12:43      +1  

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

выделенное красным - отвечает за ширину шаблона.

Межстрочный интервал в каком месте именно?
10.07.2015 в 11:39      0  

Доброго времени суток!!!
Там где шапка сайта: "Управление образования.... детский сад № 444"
10.07.2015 в 11:54      +1  

Вы зачем столько раз скопировали "<blockquote>"?
У вас очень много повторяется элементов с одинаковым id, удалите их.
Сделайте просто записи типа
<div>Надпись 1</div>
<div>Надпись 2</div>
<div>Надпись 3</div>
И уже с помощью CSS стилизуйте.
10.07.2015 в 11:59      0  

Я не копировал,просто писал текст пользуясь Enterом
10.07.2015 в 13:12      0  

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

Всё верно.
16.07.2015 в 15:20      0  

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

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

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

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

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

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

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

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

16.07.2015 в 16:03      0  

Спасибо разобрался.
10.07.2015 в 11:42      0  

И еще вопрос горизонтальные ссылки на страницы на главной странице,типа как RSS,вход....
 как это можно прописать
10.07.2015 в 11:54      0  

Что прописать? Вы хотите добавить похожие ссылки в этом же место?
10.07.2015 в 11:58      0  

Фразы : "О нас", "Педагогический совет",
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. Сохраните изменения.

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

Вид верхнего меню после внесения изменений.
10.07.2015 в 13:09      0  

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

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

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

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

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

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

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

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

Скриншот иллюстрирующий пошаговое выполнение действий в панели управления.
12.05.2014 в 23:36      0  

Доброе время суток!
Мне тоже этот шаблон понравился и делаю свой сайт !
Почти со всем разобрался , но остался вопрос и проблема для меня открыта.
Как и где прописать в стилях для боковых блоков 

Точнее быть у меня блоки белые где меню а я их хочу подчеркнуть или просто сделать темнее 
что бы видны были края блоков .

что бы получилось вот так http://barcafan.3dn.ru/
Вот мой сайт http://neznaika.ucoz.net/
12.05.2014 в 20:33      +1  

Здравствуйте, можно ли расширить белую часть сайта(фон)??? Если можно то как?
Заранее спасибо)
28.02.2014 в 20:07      +1  

Здарвствуйте! я на верхннем части где стоит главная, я добавил форум, как мне теперь сделать под форум выпадающие меню,, скажите пожалуйста ..... заранее спасибо огромное...... вот мой сайт  http://barcafan.3dn.ru/  ответье пожалуйста...
07.02.2014 в 09:15      0  

Добрый день. Нет ответа на первый вопрос, но у меня еще вопрос. Как переместить с левой стороны меню сайта и все что под ним левее. Справа все сдвинул за счет ниже комментария. Вставил в CSS код #rightcol {width:5px !important;}
#maincol  {width:785px !important;}
06.02.2014 в 13:26      0  

Добрый день. Подскажите как расширить поле белого фона где размещены блоки и информация между ними.
10.01.2014 в 12:46      0  

Здравствуйте.
Убрал всё из правой колонки, всё что нужно помещается в левой (меню, календарь и т.д.).
Как увеличить ширину средней части, чтобы она доходила до правого края сайта.
Подозреваю, что это в таблице стилей (CSS), но точно найти это место не смог.
Пока получается это делать только частично, принудительным заданием нужного размера размещаемых материалов, но это получается не везде, да и не удобно.
12.01.2014 в 01:17      0  

Здравствуйте! Для этого Вам необходимо зайти в Панель управления сайтом - Дизайн - Управление дизайном (CSS) и в конец файла добавить следующее:
Код
#rightcol {width:5px !important;}
#maincol  {width:785px !important;}
02.12.2013 в 22:56      0  

Модуль удалила сама, а с расстоянием помогите

И как сделать скруглённые углы на меню, три есть а вот с четвертым проблема sad
02.12.2013 в 22:52      0  

Егор, помогите убрать модуль ОПРОС и расстояние между меню и основным текстом http://moyaladoshka.ucoz.ru/
1 2 »