Создаем шапку для сайта с помощью программы XHEADER

XHEADER

Чтобы создать шапку для сайта, нужно сначала узнать размер шапки. Для этого заходим в настройки своего сайта и дальше — изменить HTML. Там находим вот такую строчку:

#header-wrapper {
height:155px;
margin:0 auto;
width:950px;
background:#FF0000;
}

Запоминаем значения height:155 pixels(высота) и width:950 pixels (ширина). У вас они могут быть другими.

Для того, чтобы легко создать шапку для сайта, нам понадобится программа под названием XHEADER. Скачать её можно на любом сайте, просто введите название в Google. Запускаем программу и в левом верхнем углу нажимаем кнопку «NEW». Дальше нажимаем «Load from Template library». Слева вы видите категории. Выбирайте ту, которая вам нравится. Желательно при этом отталкиваться от тематики сайта — ведь, скажем, для тематик «строительство» и «знакомства» нужны принципиально разные картинки. Перед вами открывается множество фонов для шапки. Выбирайте, которая вам понравилась, и нажимайте ok.

После того, как вы выбрали фон, в верхнем меню нажимаем на «Options», а дальше — «Resize header». В открывшемся меню вводим ту ширину и высоту, которую вы запомнили. Потом нажимаем на «text» — и внизу открывается окно. В это окно вводите название своего блока или сайта и выбираете размер надписи. Потом нажимаете по тому месту на шапке, где вы хотите видеть надпись. Вот и всё: наша шапка создана. Для того, чтобы сохранить шапку, нажимаете «Save as» и выбираете формат шапки. Лучше выберите «Save as JPG». Дальше нажмите два раза на первый вариант, введите название шапки и сохраните.

Для того, чтобы поставить свою шапку на блог: Заходим в настройки своего блога. Дальше — «Дизайн» и «Элементы страниц». Там видим название вашего блога(заголовок) и рядом кнопка «Изменить» — нажимаем на неё. Дальше нажимаем «Выберите файл» и выбираем шапку, которую вы сделали. Ставим точку возле «Вместо заголовка и описания» и нажимаем «сохранить». Вот и всё: теперь на вашем блоге новая уникальная шапка.

google.com bobrdobr.ru del.icio.us technorati.com linkstore.ru news2.ru rumarkz.ru memori.ru moemesto.ru

Оставить комментарий

Вы должны авторизоваться для отправки комментария.

Полезные ссылки
Случайные записи
  • 19.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.15
  • 12.03.2011">Руководство по actionscript. часть 3, стр. 137
  • 17.03.2011">Руководство по actionscript. часть 2, стр. 154
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 022
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.53
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 070
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 082
  • 19.03.2011">Руководство по actionscript. часть 2, стр. 096
  • 26.02.2014">Как бросить курить?
  • 17.03.2011">Руководство по actionscript. часть 2, стр. 148
  • 11.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.11
  • 06.09.2011">Skype – революционное решение для общения в сети
  • 23.02.2011">Руководство по actionscript. часть 7, стр. 038
  • 22.01.2011">Руководство по actionscript. часть 1, стр. 108
  • 21.01.2013">Новый сервис запущен интернет-магазином Amazon
Опрос

Какие цвета вы предпочитаете?

View Results

Loading ... Loading ...