Как поменять шапку на сайте?

голоса: 0

Добрый вечер!Хотела бы узнать,как поменять "шапку" сайта?Изначально "шапка на сайте состояла из нескольких рисунков,а я хотела бы,чтобы "шапка" была одним сплошным рисунком и еще хотела бы,чтобы "шапка" сайта была отделена от контентовой части !Заранее благодарна!

Адрес сайта ttp://za-40.ucoz.ru/
| Автор: | Категория: Дизайн сайта
Редактирование | | Автор: Елена Чиркова

Ответов: 1

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

Перейдите в глобальный блок Верхняя часть сайта, найдите подобный код:

<table border="0" cellpadding="0" cellspacing="0" width="100%" height="250">

замените на:

<table class="panamka" border="0" cellpadding="0" cellspacing="0" width="100%" height="250">

Далее в стили добавьте:

.panamka {
    background: url(http://techdesigner.ru/images_post/1280901073.jpg);
    background-size: cover;
}

где вместо http://techdesigner.ru/images_post/1280901073.jpg вставьте ссылку на ваше фото шапки сайта.

| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
БЛАГОДАРЮ!!!

Юрий!Если не затруднит,поясните,в "стили" куда,конкретно,надо вставить этот код:

.panamka {
    background: url(http://techdesigner.ru/images_post/1280901073.jpg);
    background-size: cover;
}

 

Елена Чиркова,
Да, этот, только ссылку на фото шапки сайт а прописать свою.
Yuri_Geruk,
Доброе утро,Юрий!Сделала все,как Вы сказали,но,увы....ничего не вышло с "шапкой"!Может,код не в том месте в "стилях"разместила?Не могу понять,в чем причина?
Елена Чиркова,
Стилей в таблице стилей не увидел, а прописать нужно здесь - http://za-40.ucoz.ru/panel/?a=tmpl;m=3;t=3 в самый низ и сохранить изменения.
Yuri_Geruk,
Сделала!И.....ничего!
Елена Чиркова,
Конечно ничего, разве ссылка правильная - htt://uploadme.ru/images/2016/10/01/17702575685968036357.gif долна быть http://uploadme.ru/images/2016/10/01/17702575685968036357.gif и загрузите это фото себе в файловый менеджер иначе в недалеком будущем ваша шапка исчезнет так как фото с сети могут удалить.
Yuri_Geruk,

Юрий!У меня возникла проблемма-в "Конструкторе",в "Стилях", у меня почему-то не вставляется код-.panamka {
    background: url(http://techdesigner.ru/images_post/1280901073.jpg);
    background-size: cover;
}

Тоесть я его отредактировала,как Вы сказали,но вставить вниз "Стилей" не могу!Хотя раньше без проблем это делала!Ничего не пойму,в чем мой "косяк"!?

Елена Чиркова,

Я вижу вы и с шапки сайта удалили код который я говорил выше и с стилей, копируйте комбинацией клавиш CTRL+C выделив перед этим код, далее вставляем с помощью комбинации CTRL+V и сохраняем.

Yuri_Geruk,
Урааааааааааааа!Получилось!!!!!ОГРОМНОЕ-ПРЕОГРОМНОЕ СПАСИБО!!!!!
Yuri_Geruk,

Юрий,добрый день!Не подскажите,где в СТИЛЯХ CSS найти-".subforumDescr a",никак не могу найти!Или надо самой прописывать?Заранее благодарна Вам!

Елена Чиркова,

У вас в стилях этого нет, в самый низ пропишите стили:

.subforumDescr a {здесь должны быть стили для подфорума}

Yuri_Geruk,
Я уже пробовала,у меня изменился цвет названий подфорумов,а мне надо изменить цвет заголовка "ПОДФОРУМЫ",он у меня черный!
Елена Чиркова,

Попробуйте так:

.subforumDescr {color:red!important;}

вместо red пропишите свой цвет.

Плюс в общий вид страниц форума перед </body> установите скрипт:

<script> 
$('.subforumDescr').contents().each(function(inedx, el) {
    if(el.nodeType == 3 && el.textContent.indexOf('|') != -1){
        $(el).replaceWith('<span class="space-fr">,</span>');
    }
});
</script> 

в стили пропишите:

.space-fr {margin-right:3px;color:#000;}

это чтобы заменить знак  на запятую и добавить пробел между подфорумами.

Yuri_Geruk,
Хорошо!Сейчас попробую!
Yuri_Geruk,
Правильно я сделала?
Елена Чиркова,

Почти, перейдите в шаблон - http://za-40.ucoz.ru/panel/?a=tmpl;m=8;t=1 и добавьте скрипт который я говорил перед тегом </body>

Yuri_Geruk,
Не поняла,я же сделала,сейчас посмотрела!Что-то не так?Поставила в ОБЩИЙ ВИД СТРАНИЦ ФОРУМА!
Елена Чиркова,
Вы наверное мои сообщение не читаете, я же ссылку предоставил куда вставить и где и что или мне за вас вставить, такого точно не будет, читайте внимательно чтобы я три раза не повторял. Стили вы установили не в точности как я писал, перечитайте сообщения выше и скрипт вы не установили.
...