Создаем шапку для сайта с помощью программы 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

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

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

Полезные ссылки
Случайные записи
  • 04.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.30
  • 11.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.5
  • 11.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.39
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 048
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.38
  • 23.07.2011">Животные рисунки
  • 26.02.2011">Руководство по actionscript. часть 6, стр. 064
  • 18.03.2011">Руководство по actionscript. часть 2, стр. 137
  • 06.04.2010">Бесплатные шрифты
  • 02.03.2011">Руководство по actionscript. часть 5, стр. 094
  • 05.03.2011">Руководство по actionscript. часть 5, стр. 001
  • 28.02.2011">Руководство по actionscript. часть 6, стр. 009
  • 16.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.22
  • 19.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.31
  • 26.02.2011">Руководство по actionscript. часть 6, стр. 059
Опрос

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

View Results

Loading ... Loading ...