

- Web-мастеру
- Статьи
Заменяем шапку, фон сайта

В этой статье мы рассмотрим еще два не менее часто задаваемых вопроса. Это вопрос: «Как заменить шапку сайта?» и «Как поменять фон сайта?» Эта статья рассчитана на пользователей не владеющих даже базовыми знаниями HTML и CSS. Конечно же в зависимости от верстки шаблона фон сайта и шапка могут быть заданы по разному. Мы рассмотрим только самые основные, так сказать стандартные способы.
Для начала мы разберем замену шапки. Первый и уже редко используемый способ, если код шапки задан через HTML. В таком случаи новичку ее заменить будет проще. Мы просто открываем код шапки (Верхняя часть сайта), удаляем оттуда весь код, включаем визуальный редактор и далее не сложнее чем оформить страницу в программе "Word". Создаем таблицу и применяем к ней изображение вашей шапки. В общем разберетесь, скажу только одно. Если пользуетесь визуальным редактором, то старайтесь все сделать с первого раза, так как редактировать код через него не желательно, иначе шаблон просто напросто у вас поедет, а на чистый блок встает все нормально. Еще один вариант, если шапка не сложная и там используются всего одно, два изображения, то можно смело заменить ссылку на картинку. Только придерживайтесь стандартных размеров.
Второй способ, если шапка задана через CSS. Этот способ для новичка окажется чуть сложнее. Предположим, что шаблон придерживается стандартов. В таком случае вам необходимо в css вашего сайта найти идентификатор #header, а в нем свойство: background-image:url(ссылка на изображение), заменяем ссылку и все. Это хорошо, если изображение шапки цельное, а иначе без знаний html и css не справиться. В этом случае вы можете оставить свой вопрос у нас на форуме и вам помогут. Обязательно делайте копию изначального кода, для того, чтобы ежели пойдет что не так, то можно было все восстановить.
И последнее, про замену фона сайта. В CSS вашего сайта находим body и в нем ищем свойства background-color:#цвет или background-image:url(ссылка на изображение) заменяем и радуемся. Если этих свойств нет, то просто добавляем.
На этом мы пожалуй закончим, есть еще много различных нюансов, но они встречаются редко, а если встретятся, то прошу на наш форум.
23:26
![]() Парни помогите !
http://xn--g1acecr2a.xn--p1ai/board/skripty_ucoz/bot_dlja_mini_chata/1-1-0-581
19:05
![]() А как делать фон на сайте?
17:31
![]() Страница материала - http://укозик.рф/board/skripty/umenshaem_izobrazhenija_v_informerakh_kommentakh/5-1-0-444
17:31
![]() Скрипт хорош, решил потестировать и даже больше - использовать его и для уменьшения видео, так вот вроде бы все работает на IE и MF но вот Google Chrome вроде бы воспринимает скрипт, но после перезагрузки страницы картинки снова увеличенные ( кстати видео не увеличивается ) в чем может быть проблема? Заранее спасибо.
17:31
![]() Я так понял сообщение отправить пока нет возможности, но вот ответ на вопрос хотелось бы получить, так как очень нужно и так:
23:02
![]() по моему, выглядит капельку лучше
00:51
![]() Супер
04:46
![]() Всем привет! Сайт переехал на новый хостинг!
|
Для добавления необходима авторизация |
Спасибо за статью
Думаю его можно отнести к Глобальным блокам..
Как, прикрепить плавающий или появляющийся при наведении курсором
блок/модуль/информер
Т.е. базово кодом,
и куда именно вписывать его в #footer или в Body или же отдельный блок?Просто очень удобно было бы, сделать тот же мини чат как у Mail.ru или Google..