Вертикальное меню с прокруткой для блога



Как сделать вертикальное меню с прокруткой

Всем привет! Сегодня познакомимся с вертикальным прокручивающим меню для блога. Пересмотрела массу информации в интернете, какие только меню не предлагают; и горизонтальные выпадающие, и красивые вертикальные, но необходимо устанавливать плагины, редактировать шаблон блога, я пока к таким подвигам не готова.

Стараюсь найти более простые решения установки, без изменения шаблона. Итак, пример меню Вы видите здесь внизу. Кому интересно, копируйте код, который видите ниже и вставляйте обычным гаджетом: дизайн-добавить гаджет-Html/JavaScript-вставить-сохранить.


<div class="widget-content">
<ul style="height:200px;width:250px; overflow:auto; ">
<li><a href="http://www.bdblogov.ru/">Ваш Tекст</a></li>
<li><a href="http://www.bdblogov.ru/">Ваш Tекст</a></li>
<li><a href="http://www.bdblogov.ru/">Ваш Tекст</a></li>
<li><a href="http://www.bdblogov.ru/">Ваш Tекст</a></li>
<li><a href="http://www.bdblogov.ru/">Ваш Tекст</a></li>
<li><a href="http://www.bdblogov.ru/">Ваш Tекст</a></li>
<li><a href="http://www.bdblogov.ru/">Ваш Tекст</a></li>
<li><a href="http://www.bdblogov.ru/">Ваш Tекст</a></li>
<li><a href="http://www.bdblogov.ru/">Ваш Tекст</a></li>
<li><a href="http://www.bdblogov.ru/">Ваш Tекст</a></li>
<li><a href="http://www.bdblogov.ru/">Ваш Tекст</a></li>
<li><a href="http://www.bdblogov.ru/">Ваш Tекст</a></li>
<li><a href="http://www.bdblogov.ru/">Ваш Tекст</a></li>
<li><a href="http://www.bdblogov.ru/">Ваш Tекст</a></li>
<li><a href="http://www.bdblogov.ru/">Ваш Tекст</a></li><span style="font-weight:bold;"></span>
</ul></div> 


Выделенное желтым цветом - это адрес ссылки, впишите свой;
height - высота;  width - ширина;

Если ссылок у вас меньше, чем предусмотрено в коде, удалите вот такую строку:

<li><a href="Ваш адрес ссылки/">Ваш текст</a></li>

Если Ваших ссылок больше, то наоборот добавьте.

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


Так будет выглядеть меню

Читайте также



Автор статьи ✎ Olga Protasova Выпуск ✹ 8/26/2013 Ярлыки ►


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

0 коммент. :

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


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

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

Имя

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

Сообщение *