Отправляет email-рассылки с помощью сервиса Sendsay

Сайтовед

Рассылка закрыта

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

  Март 2010   →
 1
 2
 3
 4
 5
 6
06.03.2010
23:12:21
23:32:49
 7
 8
 9
10
11
12
13
13.03.2010
10:05:17
20:05:19
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Автор
Хэннер

Статистика

0 подписчиков
0 за неделю
←   Все выпуски   →

Сайтовед - Как сменить дизайн на сайте Ucoz


Новая рассылка от сайта Saitowed.ru - полезные советы по созданию и продвижению сайта каждый день.


Когда создавал сайт, выбрал себе хостинг на Ucoz, так как он обладает рядом несомненных для меня достоинств:

1. Хостинг бесплатный, на первых проектов это отличный выбор.

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

3. Большой набор встроенных модулей, на которых можно построить практически все, что угодно.

4. Возможность прикрутить к хостингу домен второго уровня.

5. Отсутствие рекламы, возможность установить свою при желании.

6. Удобная русифицированная админка для управления сайтом.

7. Возможность создания нескольких сайтов на одном аккаунте.

Сегодня я хотел бы рассказать, как изменить дизайн своего сайта.

Ucoz предлагает 246 оригинальных дизайнов на выбор, но обычно выбирают из 10-20 особенно удачных, соответственно уже приглядевшихся и надоевших. Ну так меняем дизайн на свой. Если сперва сложно сделать дизайн с нуля, предлагаю изменить уже существующий.

Заходите в редактор страниц, выбираете пункт "общие настройки". Нажимаете напротив строки "Дизайн сайта:" - "выбрать дизайн", открывается окно выбора дизайна. Выбираете тот, который вам наиболее приглянулся, устанавливаете на сайт и начинаете редактировать.

Для примера расскажу, как изменить картинку шапки сайта. Все графические изображение, используемые в дизайне, описаны в файле стилей style.css, либо в html-шаблоне страниц. Рассмотрим два варианта:

1. Картинки прописаны в CSS. В верхней панели выбираете "Дизайн" - "Управление дизайном (CSS)". В окне ниже откроется собственно сам файл стилей. Находим в нем строчку вида: #header {background:url('/ee.jpg') no-repeat;height:182px; ......} - это адрес вашей шапки сайта. (в разных шаблонах по разному, вам придется найти, какая картинка к чему относится)

2. Картинки прописаны в Html-шаблоне. Там же в верхней панели выбираете "Дизайн" - "Управление дизайном (шаблоны)". В окне ниже выбираете "верхняя часть сайта", ищете строчку вида: <td height="193" width="698" style="background:url('/.s/t/341/7.jpg') left no-repeat; .........> Опять же придется определить, какую именно картинку вы хотите поменять.

Чтобы узнать, какая именно картинка вам нужна, перейдите по адресу вида: "адрес вашего сайта/адрес картинки из шаблона" - откроется картинка, найдете нужную вам.

Теперь рисуем новую шапку. Не забываем, что если ваша шапка имеет иные размеры, чем исходная или вам нужно другое ее местоположение, то вы должны поправить это в шаблоне или файле стилей. Сохраняем шапку в корневой каталог с помощью менеджера файлов, меняем адреса картинки на адрес вновь созданной, сохраняем, получаем желаемый результат.

Аналогично поступаем со всеми картинками дизайна или создаем сразу новый дизайн для всей страницы и прикручиваем его к вашему сайту.

Замечание: если после этого вы смените шаблон сайта, выберете новый шаблон, то все ваши изменение в html и css кода, разумеется, пропадут.
В избранное