Главная » Стандартные шаблоны » Компьютеры и связь » Дизайн #1062

Дизайн #1062

29.03.2014 в 19:51
Автор: condor

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


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

Для этого нужно перейти в Панель Управления - Дизайн - Управление дизайном (CSS) и найти там вот такие стили css:
Код
body {
background: #FFF;
margin: 0;
padding: 0;
font-size: 13px;
font-family: Arial,Helvetica,sans-serif;
color: #7F7E7E;
}

где background: #цвет фона;

2. Как изменить цвет верхней части сайта?

Для этого нужно перейти в Панель Управления - Дизайн - Управление дизайном (CSS) и найти там вот такие стили css:
Код
#header {
background: #EFEEF0;
}

где background: #цвет фона;

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


Для этого нужно перейти в Панель Управления - Дизайн - Управление дизайном (Шаблоны) - Глобальные блоки - PROMO, где необходимо искать:

вот такой код для смены картинки:
Код
<img src="/.s/t/1062/sample.png" class="promo-img" alt="">

Для того, чтобы изменить или удалить рамку монитора вокруг картинки, необходимо пройти в Панель Управления - Дизайн - Управление дизайном (CSS) и найти там вот такой код:
Код
.promo-mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background: url(/.s/t/1062/mac-b.png);
}

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

Текст слайдера заменяется в этом же шаблоне.

4. Как изменить цвет нижней части сайта?

Для этого нужно перейти в Панель Управления - Дизайн - Управление дизайном (CSS) и найти там вот такие стили css:
Код
#footer {
background: #F6F6F6;
}

где background: #цвет фона;

5. Как изменить иконки в верхней части сайта?


Для этого нужно перейти в Панель Управления - Дизайн - Управление дизайном (CSS) и найти там вот такие стили css:
Код
.head-soc li a {background:url(/.s/t/1062/soc.png);}
.head-usr li a {background:url(/.s/t/1062/user.png);}

где /.s/t/1062/soc.png и /.s/t/1062/user.png заменяемые картинки.
Остальное оформление для этих кнопок с иконками производится непосредственно для класса .head-usr в css


Рейтинг: 9          Просмотров: 4009          Комментариев: 17
13.10.2015 в 18:07      0  

С работой этого дизайна связана проблема или в целом с системой не знаю, но спрошу:
Если нахожусь в разделе "о сайте", показывает что на главной. Как это исправить?
07.03.2015 в 08:19      0  

Здравствуйте! Подскажите, пожалуйста,  как изменить размер шрифта в боковом контейнере?
10.02.2015 в 19:54      0  

Можно ли в этой теме изменить картинку внутри монитора? Если нет, то можно ли полную ссылку на данную картинку из шаблона? Спасибо
12.12.2014 в 18:31      0  

Добрый день!
 А этот ноутбук можно убрать? Ну все три клевых шаблона и все однообразные..... ни туда ни сюда... Ну юкоз........
05.12.2014 в 15:46      0  

http://manual.ucoz.net/_pu/4/40967170.jpg
я хочу спросить можно ли изменить цвет иконок на картинке от белого скажем в синий.
07.12.2014 в 02:12      0  

Да, поскольку иконки являются изображениями, то и цвет можно изменить в графическом редакторе при изменении изображения.
05.12.2014 в 15:32      0  

а как изменить цветовую схему.
05.12.2014 в 15:43      0  

Для смены цветов фона Вам необходимо перейти в Панель управления - Дизайн - управление дизайном (CSS) и в строке №5, которая отвечает за цвет верхней части сайта, 


Код
#header {background:#3a4553;}
 сменить цвет 3a4553 на любой другой.

Белый цвет для всего документа задан в строке № 22:

Код
body {background:#fff ...

05.12.2014 в 15:29      0  

а как изменить цветовую схему
05.12.2014 в 01:54      0  

Как можно сменить цвет социальных иконок
05.12.2014 в 07:24      0  

Для этого Вам необходимо заменить изображение /.s/t/1062/soc.png, изменив там цветовую схему
22.10.2014 в 17:17      0  

Дополнительно вопрос по "Как изменить иконки в верхней части сайта?"
Цитата
/.s/t/1062/soc.png и /.s/t/1062/user.png заменяемые картинки.
Допустим, к имеющимся картинкам я хочу добавить иконку Одноклассников или логотип Coca-colы.
Как это сделать на практике?
Спасибо
22.10.2014 в 18:26      0  

1 - найти в интернете логотип-изображение, скачать его и загрузить в Файловый менеджер;
2 - в скобочках указать ссылку к изображению.
22.10.2014 в 19:17      0  

Так я заменю изображения - старый набор исчезнет, а я хочу их добавить к списку уже существующих
24.10.2014 в 00:39      0  

1. Панель управления - Дизайн - Управление дизайном (шаблоны) - Верхняя часть сайта:
-  добавляете строку аналогично уже имеющимся:
Код
<li><a href="http://instagram.com/#/" class="soc-in" target="_blank"></a></li>
, где меняете адрес ссылки и имя класса: например, soc-od (для Одноклассников).
2. Панель управления - Дизайн - Управление дизайном (CSS):
- добавляете строку, аналогичную:
Код
.soc-od {background:url(ссылка на картинку) 175px 6px no-repeat;}
, где 175 и 6px можно регулировать.
18.06.2014 в 16:19      0  

Здравствуйте!
Подскажите как вместо рамки с монитором и картинки   вставить полноценный слайдер с меняющимися картинками? (прим. как в дизайне#1111)
Спасибо!!!
18.06.2014 в 17:41      0  

Рекомендую еще раз изучить п.3 данной статьи, а также изучить инструкцию http://manual.ucoz.net/board/10-1-0-462