Как сделать вертикальное меню с прокруткой
Всем привет! Сегодня познакомимся с вертикальным прокручивающим меню для блога. Пересмотрела массу информации в интернете, какие только меню не предлагают; и горизонтальные выпадающие, и красивые вертикальные, но необходимо устанавливать плагины, редактировать шаблон блога, я пока к таким подвигам не готова.Стараюсь найти более простые решения установки, без изменения шаблона. Итак, пример меню Вы видите здесь внизу. Кому интересно, копируйте код, который видите ниже и вставляйте обычным гаджетом: дизайн-добавить гаджет-Html/JavaScript-вставить-сохранить.
<div class="widget-content">
<ul style="height:200px;width:250px; overflow:auto; ">
<li><a href="https://www.bdblogov.ru/">Ваш Tекст</a></li>
<li><a href="https://www.bdblogov.ru/">Ваш Tекст</a></li>
<li><a href="https://www.bdblogov.ru/">Ваш Tекст</a></li>
<li><a href="https://www.bdblogov.ru/">Ваш Tекст</a></li>
<li><a href="https://www.bdblogov.ru/">Ваш Tекст</a></li>
<li><a href="https://www.bdblogov.ru/">Ваш Tекст</a></li>
<li><a href="https://www.bdblogov.ru/">Ваш Tекст</a></li>
<li><a href="https://www.bdblogov.ru/">Ваш Tекст</a></li>
<li><a href="https://www.bdblogov.ru/">Ваш Tекст</a></li>
<li><a href="https://www.bdblogov.ru/">Ваш Tекст</a></li>
<li><a href="https://www.bdblogov.ru/">Ваш Tекст</a></li>
<li><a href="https://www.bdblogov.ru/">Ваш Tекст</a></li>
<li><a href="https://www.bdblogov.ru/">Ваш Tекст</a></li>
<li><a href="https://www.bdblogov.ru/">Ваш Tекст</a></li>
<li><a href="https://www.bdblogov.ru/">Ваш Tекст</a></li><span style="font-weight:bold;"></span>
</ul></div>
Если ссылок у вас меньше, чем предусмотрено в коде, удалите вот такую строку:
<li><a href="Ваш адрес ссылки/">Ваш текст</a></li>
Если Ваших ссылок больше, то наоборот добавьте.
Надеюсь информация была для Вас полезной и кому либо обязательно пригодится. А я говорю до свидания, желаю творческих успехов!
Так будет выглядеть меню
Рекомендуемый контент:
