Главная » Администрирование сайта » Управление шаблонами » Как сделать свою шапку сайта на uCoz

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

21.01.2012 в 20:53
Автор: Antonij   

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

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

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



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



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



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

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



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



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



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



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



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



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



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



С чувством глубокого удовлетворения взираем на свой шедевр ;-) Шапка готова!

своя шапка, шапка сайта, Шапка


Рейтинг: 44  (помогла ли Вам эта инструкция: да / нет)          Просмотров: 52559          Комментариев: 15
01.03.2016 в 21:37      0  

А я вот поменяла название а стиль и цвет не пойму как поменять.Кто подскажет мне?Что в этом модуле куда менять?Спасибо)
23.11.2015 в 13:37      0  

друзья как сделать что бы когда я удаляю страницу что бы на сайте она не отображалась как удаленная
02.03.2015 в 07:38      +1  

Спасибо вам огромное!!!! Все получилось, сразу. Действительно - быстро и легко!  yes hands

P.S. Специально зарегилась у вас на сайте, что бы сказать спасибки  shy
04.01.2015 в 23:10      0  

Помогите пожалуйста разобраться с дизайном #761! Не могу поменять шапку, не пойму как! Инструкция не помогла! Шапка состоит из двух частей! Как я могу просто вставить свою шапку? Помогите!
31.10.2013 в 20:53      0  

Я искала слово header, нашла его; но во первых у меня этих слов 2, и нет слова background! Оно есть только в других строках - wrap 1, wrap 2 и wrap 3!!  sad помогите пожалуйста....
у меня дизайн 815, а можно как нибудь по нему сделать шапку?
31.10.2013 в 22:59      0  

А там нет отдельной картинки для шапки берете http://catwarriors-cat.clan.su/.s/t/815/3.jpg и меняете по своему нраву
21.10.2013 в 22:04      0  

Жесть,а не инструкция.Стандартную картинку убрать не могу!Вечно она поверх моей!!удалял поочерёдно скрипты,всё удалилось но не картинка!Хелп плиз)
22.10.2013 в 09:32      +1  

Здравствуйте, Dodo. Информация по смене шапки сайта для стандартных дизайнов доступна в рамках страницы: http://manual.ucoz.net/publ
26.06.2013 в 16:27      -2  

VictorP "Шаблон с простыми шапками", для чего? Использование стандартные шаблоны на укоз сделаны с целью ознакомления и визуально очевидного наполнения. В мануалах есть инструкции для каждого шаблона дизайна, как сменить шапку и прочие шаблоны. Для сайта с серьезными планами нужно менять домен, блоки постепенно, ну и убрать рекламный блок
02.12.2012 в 22:43      0  

Спасибо! Всё получилось... только менял я урл не в Таблицах стилей, а в Глобальных блоках/"Верхняя часть сайта". Дело в том, что в шаблоне Дизайн # 955 шапку нашел тока там... Накачал кучу тематических фоток, озаглавил файлы 1.jpg, 2/jpg и т.д. Потом очень удобно - закачиваешь менеджером и в панели управления просто меняешь цифру расширения smile . Быстро и удобно! Обращаю внимание!!! deal Запомните размер картинки, которая была исходной! Это важно, ибо может поколбасить шаблон, если он Вам, ессено, нужен.
п.с. добавлю...
Размер картинки (если не совпадает с исходным)легко изменить в ACDsee, там же можно добавить эффекты, текст и многое другое, фотошоп не обязателен...
Удачи!
21.07.2012 в 13:45      0  

разобралась, как можно сделать и поступила очень легко: просто вставила картинку в визуальном редакторе)))
05.10.2012 в 17:02      0  

Как вставить в визуальном редакторе?
20.07.2012 в 09:36      0  

хотела ещё спросить, какая примерно должна быть ширина и высота у шапки?
1 2 »