RSS-лента

Лучшие CMS интернета бесплатно для создания сайта

Шапки для 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;}.

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

вверх