Шапки для CMS uCoz

Для начала, давайте рассмотрим вопрос, как изменить шапку сайта uCoz?

Для изменения шапки сайта на uCoz перейдем по адресу: Панель управления сайтом/Управление дизайном/Таблица стилей (CSS).

таблица стилей ucoz

Ищем в коде заголовок /*Header*/ — что в переводе означает «Шапка«

И в этом заголовке строчку вида:

#header {width: 1003px;background: url(/.s/t/786/5.png) no-repeat;}.

Набираем в адресной строке браузера: Ваш сайт/t/786/5.png для проверки, что это именно изображение шапки сайта.

Итак удостоверились, теперь необходимо в коде, вместо нее поставить адрес нужной картинки. Кстати, у меня есть статья какой формат изображения лучше применять, советую почитать. Продолжим, через файловый менеджер uCoz в корень сайта заливаем нужную картинку (назовем ее header.png). Тогда адрес вашей картинки будет: http://Ваш сайт.ru/header.png. Вот этот-то адрес и прописываем вместо (/.s/t/786/5.png).
У вас должна получиться строчка вида:

#header {width: 1003px;background:url(‘http://Ваш сайт.ru/header.png’) no-repeat;}.

Вместо: #header {width: 1003px;background: url(/.s/t/786/5.png) no-repeat;}.

Так же, хочу обратить Ваше внимание, на такой момент — в шаблоне сайта шапка может состоять из двух частей. Просмотрите внимательно весь заголовок /*Header*/ на наличие строки или подобной:

#site-logo {display: block;float: left;margin: 55px 0 0 10px;font: bold 32px ‘Century Gothic’;color: #fbe8cf;}

Если, такая строка у Вас нашлась удалите её, но предварительно объедините ширину изображения логотипа и шапки т.е. 1003px и 55px. После сложения, полученное значение вставьте в строку:

#header {width: 1058px;background:url(‘http://Ваш сайт.ru/header.png’) no-repeat;}.

Вот и все, осталось сделать сео оптимизацию картинки. И можно любоваться на свой сайт.

Понравилась статья? Поделиться с друзьями:
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: