Главная - Блог

Заменяем шапку, фон сайта

Заменяем шапку, фон сайта

В этой статье мы рассмотрим еще два не менее часто задаваемых вопроса. Это вопрос: «Как заменить шапку сайта?» и «Как поменять фон сайта?» Эта статья рассчитана на пользователей не владеющих даже базовыми знаниями HTML и CSS. Конечно же в зависимости от верстки шаблона фон сайта и шапка могут быть заданы по разному. Мы рассмотрим только самые основные, так сказать стандартные способы.

Для начала мы разберем замену шапки. Первый и уже редко используемый способ, если код шапки задан через HTML. В таком случаи новичку ее заменить будет проще. Мы просто открываем код шапки (Верхняя часть сайта), удаляем оттуда весь код, включаем визуальный редактор и далее не сложнее чем оформить страницу в программе "Word". Создаем таблицу и применяем к ней изображение вашей шапки. В общем разберетесь, скажу только одно. Если пользуетесь визуальным редактором, то старайтесь все сделать с первого раза, так как редактировать код через него не желательно, иначе шаблон просто напросто у вас поедет, а на чистый блок встает все нормально. Еще один вариант, если шапка не сложная и там используются всего одно, два изображения, то можно смело заменить ссылку на картинку. Только придерживайтесь стандартных размеров.

Второй способ, если шапка задана через CSS. Этот способ для новичка окажется чуть сложнее. Предположим, что шаблон придерживается стандартов. В таком случае вам необходимо в css вашего сайта найти идентификатор #header, а в нем свойство: background-image:url(ссылка на изображение), заменяем ссылку и все. Это хорошо, если изображение шапки цельное, а иначе без знаний html и css не справиться. В этом случае вы можете оставить свой вопрос у нас на форуме и вам помогут. Обязательно делайте копию изначального кода, для того, чтобы ежели пойдет что не так, то можно было все восстановить.

И последнее, про замену фона сайта. В CSS вашего сайта находим body и в нем ищем свойства background-color:#цвет или background-image:url(ссылка на изображение) заменяем и радуемся. Если этих свойств нет, то просто добавляем.

На этом мы пожалуй закончим, есть еще много различных нюансов, но они встречаются редко, а если встретятся, то прошу на наш форум.


Автор: укозик.рф

Просмотров: 3648 | Написал: (o)-$erega-(o) | Дата: 13.07.2012 | Комментарии: (9)
    Kulac | 13.07.2012
    Хорошая статья, я фон не умел заменять. Да и открыл для меня несколько новых способов замены шапки.

    Спасибо за статью
    Аватар

    (o)-$erega-(o) | 13.07.2012
    Всегда пожалуйста Аватар

    Monti | 15.07.2012
    Прикольная статья... :) :) :) Аватар

    Шаман | 20.07.2012
    Конечно с фонами не все всегда так гладко. И от пользователя иногда требуются хорошие знания HTML и CSS, для того чтобы хорошо все заменить. Иногда не все так просто. Статья не совсем полная, можно было разобрать все способы немного поподробнее... Аватар

    Kulac | 20.07.2012
    Стандарты, так сказать Аватар

    (o)-$erega-(o) | 20.07.2012
    Совершенно верно. А чтобы разобрать все способы, это сперва нужно будет рассказывать про основы html и css, а это уже другая тема Аватар

    Leloush89 | 30.12.2012
    Привет всем! почитал, и появился у меня один вопрос..
    Думаю его можно отнести к Глобальным блокам..
    Как, прикрепить плавающий или появляющийся при наведении курсором
    блок/модуль/информер
    Т.е. базово кодом,
    и куда именно вписывать его в #footer или в Body или же отдельный блок?Просто очень удобно было бы, сделать тот же мини чат как у Mail.ru или Google..
    Аватар

    (o)-$erega-(o) | 30.12.2012
    Перед < /body> Хотя можно и в футер, такие части как правило не зависимы от основного шаблона и можно устанавливать куда угодно Аватар


info
Гостям нельзя оставлять комментарии. Зарегистрируйтесь или войдите под своим профилем

vk
Рекомендуем
Мини-чат
23:26
gameaslife
Парни помогите ! http://xn--g1acecr2a.xn--p1ai/board/skripty_ucoz/bot_dlja_mini_chata/1-1-0-581

19:05
380971489511
А как делать фон на сайте?

17:31
ferr-um
Страница материала - http://укозик.рф/board/skripty/umenshaem_izobrazhenija_v_informerakh_kommentakh/5-1-0-444

17:31
ferr-um
Скрипт хорош, решил потестировать и даже больше - использовать его и для уменьшения видео, так вот вроде бы все работает на IE и MF но вот Google Chrome вроде бы воспринимает скрипт, но после перезагрузки страницы картинки снова увеличенные ( кстати видео не увеличивается ) в чем может быть проблема? Заранее спасибо.

17:31
ferr-um
Я так понял сообщение отправить пока нет возможности, но вот ответ на вопрос хотелось бы получить, так как очень нужно и так:

23:02
Kulac
по моему, выглядит капельку лучше

00:51
Montik
Супер

04:46
Admin
Всем привет! Сайт переехал на новый хостинг!

Для добавления необходима авторизация
Реклама
Статистика
Яндекс.Метрика

Онлайн всего: 2
Гостей: 2
Пользователей: 0