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

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

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

Полезные ссылки
Случайные записи
  • 10.03.2011">Руководство по actionscript. часть 4, стр. 037
  • 17.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.12
  • 10.03.2011">Руководство по actionscript. часть 4, стр. 021
  • 21.01.2013">Новый сервис запущен интернет-магазином Amazon
  • 15.03.2011">Руководство по actionscript. часть 3, стр. 039
  • 17.07.2010">Подбор цветовой гаммы
  • 11.03.2011">Руководство по actionscript. часть 4, стр. 017
  • 04.03.2011">Руководство по actionscript. часть 5, стр. 043
  • 18.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.87
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 048
  • 22.01.2011">Руководство по actionscript. часть 1, стр. 099
  • 12.03.2011">Руководство по actionscript. часть 3, стр. 126
  • 22.01.2011">Руководство по actionscript. часть 1, стр. 114
  • 18.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.93
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.93
Опрос

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

View Results

Loading ... Loading ...