Вертикальное меню

вертикальное меню
Черное вертикальное меню вы можете вставить в свой блог, подходит для вставки на blogspot.
Скопируйте код CSS и вставьте его перед </head> в редакторе шаблона blogger:
..
#v_mnu_01 ul { list-style: none; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; text-decoration: none; } #v_mnu_01 { width: 200px; margin: 10px; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000; } #v_mnu_01 li a { text-decoration: none; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-bottom-color: #000000; } #v_mnu_01 .notopbrdr0xNone { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #v_mnu_01 li a:link, #v_mnu_01 li a:visited { color: #FFFFFF; display: block; background-color: #000000; padding-top: 3px; padding-right: 0; padding-bottom: 3px; padding-left: 10px; } #v_mnu_01 li a:hover { color: #FFFF00; background: #AA0000; padding-top: 3px; padding-right: 0; padding-bottom: 3px; padding-left: 10px; }
Скопируйте код html и вставьте его в виде виджета HTML/JavaScript на боковую панель блога. Код:

  • Home
  • страница 1
  • страница 2

Добавляем пункты меню, редактируя последний код. Добавьте код
<li><a href="ссылка на страницу N" class="notopbrdr0xNone">страница N</a></li> (код отдельного пункта меню) и вставьте его до </ul>.
Не забудьте дать названия пунктам меню и указать ссылки на соответствующие страницы.

Один ответ к «Вертикальное меню»

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

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

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