Сегодня я зашел на созданный мной на uCoz'e сайт, и понял, что его дизайн меня не совсем устраивает. Как я уже писал в своей предыдущей статье, дизайн сайта на uCoz в любой момент можно изменить. Ну, что ж. Приступим к изменению дизайна нашего сайта.
Во-первых, заходим на сайт как его администратор. В форме входа вводим свой email и пароль, которые мы указали при регистрации в системе uNet, приступая к созданию сайта.
Затем входим в панель управления сайтом. Для этого жмем на кнопку "общие" в левом верхнем углу, и в выпадающем меню выбираем "вход в панель управления". В открывшемся окне вводим пароль администратора Вебтопа, указанный при регистрации в системе uNet (не путать с паролем для авторизации на сайте, это разные вещи) и код безопасности, и попадаем в панель управления сайтом.
Нажимаем на кнопку "дизайн", и в открывшемся меню выбираем "управление дизайном (шаблоны)". Жмем на "конструктор шаблонов", и попадаем в область конструктора. Видим, что мы используем шаблон №797.
Если нажать значок чуть правее надписи "каркасы стандартных дизайнов", это даст нам возможность просмотреть другие шаблоны, и выбрать тот, что нам больше понравится. Мне, например, понравился дизайн шаблона №997.
Перезагружаем главную страницу нашего сайта. Вот что теперь у нас получилось.
На мой взгляд, так более привлекательно. Поэкспериментировав с шаблонами еще, останавливаемся, все-таки, на шаблоне №111. Выглядеть это будет вот так.
Теперь неплохо было бы поменять шапку сайта, чтобы он был оригинальным и узнаваемым. В сети я нашел и скачал такую картинку:
Далее, в панели управления сайтом выбираем "управление дизайном", и в разделе "глобальные блоки" жмем на надпись "верхняя часть сайта"
Попадаем на страницу редактирования шаблона верхнего блока сайта. Шаблон представляет собой html-код, но не пугайтесь. Ничего страшного в этом нет. Мы видим, что ширина шапки нашего сайта составляет 800 пикселей.
Чтобы из загруженной в Интернете картинки сделать полноценную шапку, я использовал фотошоп. Если кому надо, дам ссылку, где можно скачать портативную версию этой программы, не требующую установки на компьютер. Рассказывать о подробностях работы с фотошопом не буду. Это отдельная тема. Скажу только, что изменил размер нашей картинку до 800х128 пикселей, и написал на ней название нашего сайта.
Далее полученную картинку необходимо загрузить на наш сайт. На главной странице сайта (не в панели управления) в админбаре жмем на кнопку "управление", и в выпадающем меню выбираем "файловый менеджер"
Загружаем нашу картинку на сайт. Она называется у меня "fon"., затем жмем на соответствующую кнопку, и получаем html-код картинки. Копируем его в буфер обмена.
Возвращаемся на страницу редактирования шаблона шапки, где вместо кода стандартного фона системы вставляем код нашей картинки и жмем на кнопку "сохранить".
Перезагружаем главную страницу сайта. Получаем результат:
Не правда ли, симпатично?