Оригинальное горизонтальное меню для блога



Предлагаю красивое горизонтальное меню для Ваших блогов


Всем здравствуйте! Разрешите предложить Вам еще вариант горизонтального меню для Вашего блога. Мне меню очень нравится и установка легкая, без изменения в шаблоне блога. Вставляем в дизайне-добавить гаджет. Посмотрите на скриншоте, как выглядит меню:


Установка и настройка горизонтального меню для блога

Копируем код


<style type="text/css">.menu li{list-style:none;display:inline}.menu li a{-moz-transition:all 270ms ease-in-out 0s;-webkit-transition:all 310ms ease-in-out;-o-transition:all 270ms ease-in-out;background:url("http://1.bp.blogspot.com/-e8VrFODNr7s/T2TK3jW0ZYI/AAAAAAAAALA/wH-oW-79nzA/s1600/noop-menu-blogger.png") repeat scroll 0 0 transparent;border:1px solid #1357AF!important;border-radius:3px 3px 3px 3px;color:#FFFFFF!important;font:14px arial!important;padding:10px 38px!important;text-decoration:none;text-shadow:1px 1px 0 #000;margin-left:-5px}.menu li a:hover{background-position:right center!important}</style><a href="" style="position: absolute;z-index:-11;"><img src="http://1.bp.blogspot.com/-RikrI-c_pyQ/T2DTcP6aMvI/AAAAAAAAAL0/H6v7PVoHM_w/s1600/1x1juice.png" /></a>

<div class="noop-menu-blue">
    <ul class="menu">
        <li><a href="http://xxx/">Главная</a></li>
        <li><a href="ххх">Об авторе</a></li>
        <li><a href="http://xxx">Содержание</a></li>
        <li><a href="http://xxx">Контакты</a></li>
        <li><a href="http://xxx">RSS</a></li>
     
        <li><a href="ххх">Blogger</a></li>
    </ul></div>




Front:14px размер шрифта; впишите адреса и заголовки ссылок.

Чтобы добавить ссылку, впишите такую строку:   <li><a href="http://xxx">Виджеты</a></li>.  

На этом у меня все. Комментируйте, делитесь с друзьями. Всего Доброго.


Автор статьи ✎ Olga Protasova Выпуск ✹ 3/20/2014 Ярлыки ►


Открыть комментарии →

2 коммент. :

  1. Красивое меню. Но у меня на блоге не работает. Почему не пойму. Спасибо за нужности для новичка.

    ОтветитьУдалить
    Ответы
    1. Вячеслав здравствуйте. А Ваш блог на Blogspot? Если да, то посмотрите в настройках браузера включен ли Java/Script. У меня в этом блоге такое же меню, работает. За нужности пожалуйста.

      Удалить


 
Технологии Blogger.

Форма для связи

Имя

Электронная почта *

Сообщение *