Главная » Статьи » Мои статьи

Как сделать свою шапку сайта на uCoz?
  •  

Как сделать свою шапку сайта на uCoz?

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

Здесь я расскажу о замене шапки в дизайне №819 и подобных ему - в них шапка состоит из одного элемента-картинки, и её замена очень проста даже для новичка. Есть дизайны, в которых шапка состоит из нескольких элементов-таблицы, их замена намного сложнее, порой даже проще просто поменять сам дизайн ;-)

Заходим в Панель Управления сайтом, далее в «Управление дизайном» и открываем «Таблицу стилей (CSS)».

В самых верхних строчках открывшейся таблицы ищем строку, начинающуюся со слова «header». Эта строка как раз и отвечает за шапку сайта. Ищем слово «background» и ссылку на картинку шапки. В моём случае это «/.s/t/802/2.png».

Копируем эту ссылку, добавляем к основному адресу своего сайта и открываем в браузере. В окне видна нужная нам картинка

Копируем эту картинку и открываем в фотошопе. Далее, сохраняя исходные размеры картинки, можно добавить свою красочную надпись, поменять изначальный фон на другой. Главное, не менять размеры картинки, и тогда при последующей её установке на сайт вас не подстерегут неприятные сюрпризы наподобие искажения картинки. Отмечу, что в моём случае верхние углы шапки на сайте округлые (они отмечены на рисунке выше), при открытии в фотошопе они сравнялись с общим фоном, так что потребовалось ещё подчистить углы ластиком, чтобы они снова стали округлыми.

Короче, сделали свою шапку в фотошопе, поменяли и добавили всё, что нужно, и сохранили в тот же формат. Я назвал картинку «shapka».

Загружаем эту картинку в Файловый менеджер сайта.

Снова открываем Таблицу стилей (CSS), и находим ту самую строку со ссылкой на шапку сайта. Эту самую ссылку подменяем на свою.

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

Почти всё готово, но мешает убогая надпись в шапке «Мой сайт». Убираем её. Для этого снова в Панели Управления открываем «Управление дизайном», затем «Редактирование шаблонов». В открывшемся списке «Глобальных блоков» выбираем «Верхнюю часть сайта».

В открывшейся таблице ищем слова «Мой сайт» и стираем их.

Как должно стать, видно на картинке ниже.

Сохраняем изменения, и снова открываем свой сайт. Если он уже открыт, перезагружаем страницу.

Категория: Мои статьи | Добавил: sana (03.02.2014)
Просмотров: 1336 | Комментарии: 1 | Теги: Как сделать свою шапку сайта на uCo | Рейтинг: 1.0/1
Всего комментариев: 1
1 ifishweb  
В этой статье https://ifish2.ru/kak-sdelat-shapku-sajta/ есть примеры кодов CSS и html, чтобы сделать шапку для сайта. Причем даже 2 способа, как можно их применить. Вроде ничего сложного) И там еще рассказывают, как поменять шапку «по умолчанию» в Wordpress.

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]