Дизайн # 783

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

08.08.2011 в 16:02
Автор: Scorpik427

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

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

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

Code

/*HEADER*/

#header {width: 962px; height: 151px; background: url(/.s/t/783/2.png) no-repeat;}

#cup {position: absolute;margin-left: 432px;width: 538px;height:177px;background: url(/.s/t/783/3.png);}

#sitelogo {padding: 45px 0px 0px 40px;width: 460px;font: bold 42px 'Arial';color: #999999;text-shadow: 0px 1px 0px #fff;-moz-text-shadow: 0px 1px 0px #fff;}

#date {margin: 0px 215px 0px 0px;padding-top: 92px;float: right;font: 11px 'Arial';color: #5c5c5c;text-align: right;position: relative;}

#usermenu {margin-top: 3px;height: 32px;background: url(/.s/t/783/4.png) no-repeat top center;}

#usermenu ul {list-style: none;padding-left: 2px;}

#usermenu li {float: left;height: 32px;}

#usermenu li a {display: block;font: 12px/32px 'Arial'; color: #fff;padding: 0px 10px 0px 8px;text-decoration: none;background: url(/.s/t/783/5.png) no-repeat top right;}

#usermenu li a:hover {background: #444242;}

span#whois {position: relative;color: #999999; font: 11px 'Trebuchet MS';line-height: 32px;padding-left: 10px;}

span#whois a {color: #fff;}

#search {position: relative;float: right;margin: 5px 10px 0px 0px;width: 233px; height: 23px;background: url(/.s/t/783/6.png);}

#search form {width: 233px; height: 23px;}

#search div {height: 23px;}

#search .schQuery {float: left;}

#search .schQuery input.queryField {background: none;margin: 3px 0px 0px 7px;padding: 0px;width: 200px !important;border: 0px;font: italic 12px 'Arial'; color: #d5d5d5;}

#search .schBtn {float: right;}

#search .schBtn input {border: 0px;margin: 0px 1px 0px 0px;width: 24px;height: 22px;background: url(/.s/t/783/7.png);cursor: pointer;border-radius: 0px; -moz-border-radius: 0px;}

#search .schBtn input:hover {background-position: bottom left;}

/*------*/

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

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

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

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

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

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

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

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

Code

.sidebar-top {height: 5px; overflow: hidden; background: url(/.s/t/783/8.png);}

.sidebar-mid {background: url(/.s/t/783/9.png);padding: 10px 0px;}

.sidebar-bot {height: 5px; overflow: hidden; background: url(/.s/t/783/10.png);}

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

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

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

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

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

Code

/*WRAP*/

#wrap {background: #fff url(/.s/t/783/1.gif) repeat-x top left;}

/.s/t/783/1.gif — данный участок кода необходимо заменить на свою ссылку на картинку/ на желаемый цвет.

#fff — данный участок кода необходимо заменить на свою ссылку на картинку/ на желаемый цвет.

Рейтинг: 7

Просмотров: 16137

Комментариев: 13

Порядок вывода комментариев:

SanYOk

Материал

05.02.2014 в 23:07

скажите что нужно прописать, что бы сделать еще и правый блок меню? Спасибо! http://ezhvashkola27.ucoz.ru

sul

Материал

13.01.2014 в 15:50

Как сделать так, чтобы по щелчку по шапке уходить на главную страницу? Ссылку на заголовок в шапке поставить можно, но это не то - и подчеркивание идет, и по названию целиться надо...

sul

Материал

12.01.2014 в 12:32

Как поставить ссылку на шапку?
Нужно, чтобы по щелчку по шапке был переход на главную страницу.
Вариант сделать название сайта в виде ссылки не подходит - идет подчеркивание. Кроме того, ссылка только на зоне текста...

Tim

Материал

17.12.2013 в 18:20

Помогите разрешить проблему:
необходимо добавить фон где отображается содержимое страницы

Пробовал в css стилях в добавить строчку background в нужном месте:

/*CONTAINERS*/
#maincont {float: left;margin: 0px 0px 0px 0px;width: 705px;}
#maincont {background: url(/fon9.png) repeat;}
/*----------*/

но в данном случае фоном заливается только пространство заполненное содержимым.
Т.е. если страница пустая, то фона нет; если страница заполнена текстом наполовину, то и фон будет залит ровно наполовину

Помогите разрешить проблему !

(http://zavidovocentr.ucoz.ru/ - адрес сайта)

EgorKruglikov

Материал

19.10.2013 в 09:40

Здравствуйте, HavingingWorld. В шаблоне дизайна Вашего сайта: Панель управления → Управление дизайном → Таблица стилей (CSS), необходимо найти и редактировать стиль:

Цитата

#search {position: relative;float: right;margin: 5px 10px 0px 0px;width: 233px; height: 23px;background: url(/.s/t/783/6.png);}

HavingingWorld

Материал

18.10.2013 в 15:37

КАк передвинуть строку поиска в лево?

neohonar

Материал

27.08.2013 в 20:13

Почему когда добавляю новый блок через конструктор у меня разрушается весь сайт (становиться в в одну колонку с меню)в блок вставляю такой код

Код

<A href="http://gimp-master.moy.su/publ/uroki/prostye/velikolepnaja_prostoja_ramka_s_ehffektom_protertogo_stekla/3-1-0-45" ><div style="text-align: center;> <h4> РАМКА С ЭФФЕКТОМ ПРОТЕРТОГО СТЕКЛА </h4><img src ="http://gimp-master.moy.su/iconinstr/Ramka.png" Title="рамка для фотографии"width="185px" height="104px></div></a>