пятница, сентября 10, 2010

Как создать горизонтальное меню навигации в Blogger

Inspiration - Delibar - Navigation MenuImage by Adeline Yaw via Flickr
Подробное описание того, как создать горизонтальное меню навигации в Blogger.
Чтобы добавить горизонтальную панель навигации в Blogger, необходимо сделать несколько простых шагов:
1. Дизайн-Изменить HTML. Найдите с помощью Crtl+F: /* Header */

2. Добавьте ниже этого такой код:

#menu ul li{

font-size:100%;

list-style-type: none;

display:inline;

padding:0px;

margin:10px;

border:0px solid;

}

#menu li a{

color:#dfffed;

}

#menu li a:visited {

color: #57E964;

}

#menu li a:hover {

color: #F88017;

background: #ffff66;

}

(Меняйте значения для полей и цветовой гаммы)
Править код имеет смысл после прохождения шага 6.
3. Найдите этот фрагмент кода:

b:section class='header' id='header' maxwidgets='1' showaddelement='no'

4. Измените maxwidgets='1' на '4', showaddelement='no' - на showaddelement='yes'
Сохраните шаблон и пройдите в «Элементы страницы»
5. Ближе к заголовку, нажимте «Добавить гаджет» - HTML/JavaScript
6. Название гаджета оставьте пустым, а в тело добавьте такой код:

<div id='menu'>

<ul>

<li><a href="Your URL">Home</a></li>

<li><a href="Your URL">Advertise</a></li>

<li><a href="Your URL">About Me</a></li>

<li><a href="mailto:YOUR EMAIL ADDRESS">Contact</a></li>

</ul></div>

Замените участки кода на желаемые значения. Сохраните шаблон.
Теперь можете править код шаблона, описанный в пункте 2.
Оригинал: How to add a horizontal navigation bar or menu to Blogger?
Оригинал: How to add a horizontal navigation bar or menu to Blogger?

5 комментариев:

  1. Этот комментарий был удален автором.

    ОтветитьУдалить
  2. Расскажите, как Вы создали меню вашего блога!!!

    ОтветитьУдалить
  3. @Graft XD
    Я не совсем сама его создала - скачала бесплатную тему, которая мне понравилась и отредактировала ее, в том числе и меню.
    Тут http://www.newbloggingtipz.com/2011/04/shoutmeloud-thesis-theme-for-blogger.html можно скачать оригинал темы и посмотреть демо.
    Если хотите, могу вам выслать мой измененный шаблон, а вы отредактируете то, что нужно.

    ОтветитьУдалить
  4. Да, было бы здорово! Пожалуйста, пришлите мне ваш шаблон на EMail: graft_xd@rambler.ru ... Папробую менюшку от туда вытащить и закинуть в свой...

    Спасибо!!!

    ОтветитьУдалить

Web Analytics