Вертикальное меню навигации для Blogger – CSS вкладка, 25 HTML меню

После выпуск 30 горизонтальных меню навигаций для Blogger, как и обещал, выкладываю прекрасную коллекцию нескольких из наиболее перспективных вертикальных меню навигаций, которые помогут улучшить дизайн любого блога или веб-сайта! В этих менюшках полностью изменены коды, зарубежные разработчики сделали 25 разных навигационных меню совместимыми с платформой Blogger.

Вертикальное меню навигации для Blogger

Я надеюсь, что эта коллекция будет представлять интерес для большинства из вас просто потому, что эти css вкладки меню навигации можно легко устанавливать, настраивать и множить! Я надеюсь, что это будет большим подспорьем для многих веб-разработчиков и веб-дизайнеров. Итак, представляю вашему вниманию 25 css и html вертикальных меню навигации для BlogSpot.

Как добавить вертикальное навигационное CSS меню в Blogger?


Процесс установки этик меню настолько просто, насколько это вообще возможно. Просто выполните правильно и внимательно следующие действия:

  • Перейдите в Blogger >> Шаблон >> Изменить HTML.
  • Не забудьте сделать резервную копию шаблона.

Все меню навигациях представленных ниже используется две части кода. Одним из них является код CSS, который отвечает за внешний вид меню, а вторая код HTML, который отвечает за позиционирование меню. Итак, давайте разберемся, куда добавлять каждый код.

  • Вставьте код CSS выбранного меню чуть выше ]]></b:skin>

Код HTML может быть добавлен в двух местах блога либо в вашей право боковой панели либо в левой боковой панели. Зависит, сколько колонок у вас есть.

  • Если у вас правая боковая панель, вставьте HTML-код чуть ниже <div id='sidebar-wrapper'> или <div id='sidebar-wrapper-right'>.
  • Если у вас левая боковая панель, вставьте HTML-код чуть ниже <div id='sidebar-wrapper-left'>.

Примечание: — Так как в большинстве шаблонах используются различные коды, если вы не сможете найти вышеуказанные коды, то не беспокойтесь, просто поделитесь своим блог URL-адресом в поле комментариев, и я просмотрю код вашего шаблона и сразу же скажу вам, какой код нужно найти!

  1. Наконец сохранить свой шаблон и насладитесь красивой меню навигацией, висящий на вашей боковой панели.

Редактирование ссылок в меню навигации:

Чтобы изменить ссылки и заголовки в навигационном меню, просто отредактируйте следующие жирные части HTML-кода:

<li><a href="#1" >Link 1</a></li>
<li><a href="#2" >Link 2</a></li>
<li><a href="#3" >Link 3</a></li>
<li><a href="#4" >Link 4</a></li>
<li><a href="#5" >Link5</a></li>

Замените #1, #2, #3 и т. д. на ссылки/URL-адреса страниц, а Link1, Link2, Link3 т. д. замените на заголовки ваших страниц. Если вы хотите добавить или удалить любую из вкладок просто убирайте и добавляйте следующий кусок HTML-кода:

<li><a href="#" >Link</a></li>

CSS и HTML вертикальное меню навигации

Вариант №1:

VerticalMenu6214213421

CSS КОД:

HTML КОД:

Вариант №2:

Elusion3421421

CSS КОД:

HTML КОД:

Вариант №3:

 VerticalMenu93421421

CSS КОД:

HTML КОД:

Вариант №4:

Elusion65435

CSS КОД:

HTML КОД:

Вариант №5:

VerticalMenu14213421421

CSS КОД:

HTML КОД:

Вариант №6:

VerticalMenu7421213

CSS КОД:

HTML КОД:

Вариант №7:

Elusion24321

CSS КОД:

HTML КОД:

Вариант №8:

Elusion942134

CSS КОД:

HTML КОД:

Вариант №9:

VerticalMenu124214321

CSS КОД:

HTML КОД:

Вариант №10:

VerticalMenu132134214

CSS КОД:

HTML КОД:

Вариант №11:

Elusion4433

CSS КОД:

HTML КОД:

Вариант №12:

NavigationMenuWithNoimageused2321

CSS КОД:

HTML КОД:

Вариант №13:

Elusion83421

CSS КОД:

HTML КОД:

Вариант №14:

nav2213421

CSS КОД:

HTML КОД:

Вариант №15:

VerticalMenu14213421

CSS КОД:

HTML КОД:

Вариант №16:

VerticalButtons432121

CSS КОД:

HTML КОД:

Вариант №17:

VerticalMenu3214214

CSS КОД:

HTML КОД:

Вариант №18:

VerticalMenu114213421

CSS КОД:

HTML КОД:

Вариант №19:

TamingList42132134

CSS КОД:

HTML КОД:

Вариант №20:

Elusion121

CSS КОД:

HTML КОД:

Вариант №21:

VerticalMenu2213421

CSS КОД:

HTML КОД:

Вариант №22:

Elusion521421

CSS КОД:

HTML КОД:

Вариант №23:

VerticalMenu52142134

CSS КОД:

HTML КОД:

Вариант №24:

VerticalMenu444321421

CSS КОД:

HTML КОД:

Вариант №25:

VerticalMenu103421421

CSS КОД:

HTML КОД:

Вот и все! Надеюсь, вам понравилась эта статья. Не стесняйтесь задавать любые вопросы, связанные с этими навигационными меню. Я рад, что выполнил свое обещание, выложив этот пост.

Один комментарий “Вертикальное меню навигации для Blogger – CSS вкладка, 25 HTML меню

  1. Константин

    Я думаю, что такое больше актуально именно для меню, тех же страниц, что обусловлено особенностями конкретного дизайна. А так, в большинстве случаев, меню делают горизонтальное, а те же категории списками.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>