Заменить надпись "Мой сайт", вставить фотографию.

голоса: 0
Мой сайт www.grifon-vv-kr.ucoz.net

Мне нужно в верхней части сайта, где у меня надпись на дереве "Мой сайт" вставить фото
Адрес сайта www.grifon-vv-kr.ucoz.net
| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: 0
 
Лучший ответ

Перейти в Панель управления - Главная - Дизайн - Управление дизайном(шаблоны) - Верхняя часть сайта, далее найдите код:

<div id="uncheader" class="$UHEADER_CLASS$">
                <div id="uCozHeaderMain" style="height: 312px; background: url('/uCozHeader.png') no-repeat 50% 50%; width: 914px; margin: 0px auto; padding-top: 60px;">
                <h1 id="uCozHeaderText" style="$UHEADER_STYLE$">$SITE_LOGO$</h1>
                </div>
            </div>

Выделенное красным замените на:

<img src="ссылка на изображение" alt="описание к изображению" title="тексти при наведении" width=0 height=0>

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

| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
Спасибо, Юрий
Юрий, еще раз спасибо. Почти получилось. Буду наглым. Сайт www.grifon-vv-kr.ucoz.net
Как отцентрировать картинку и сделать надпись побольше?
Спасибо.

Вы вижу хотите полностью шапку изменить, а не просто иконку как казалось вначале, так и стоило задавать вопрос.

В общем, верните код который был выше в тот вид как все было и удалите с верхней части сайта эту картинку - Сохраните.

После, перейдите в Таблицу стилей CSS строка номер 28:

#uncheader { padding-top: 0px; background:url('http://dev010-aa.ucozmedia.com/.s/t/789/6.jpg') no-repeat 50% 0px; margin: 0px auto; width: 914px; }

Замените на:

#uncheader { padding-top: 0px; background: url('http://img0.liveinternet.ru/images/attach/c/2/65/747/65747825_croquet32.jpg') no-repeat 0% 30%; margin: 0px auto; background-size: 100%; width: 914px;}

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

Изображение должно быть следующих размеров - 914х372 ищите новое подходящих размеров, после просто в стилях замените ссылку.

...