| Сегодня 21 мая, вторник |
      |
  
|
  
Какой рейтинг вас больше интересует?
|
Главная / Каталог блогов / Cтраница блогера Блог для блогов - создание блога на blogspot / Запись в блоге
Вертикальное меню для блога2013-08-26 23:10:00 (читать в оригинале)Всем привет! Сегодня познакомимся с вертикальным прокручивающим меню для блога. Пересмотрела массу информации в интернете, какие только меню не предлагают; и горизонтальные выпадающие, и красивые вертикальные, но необходимо устанавливать плагины, редактировать шаблон блога, я пока к таким подвигам не готова. Стараюсь найти более простые решения установки, без изменения шаблона. Итак, пример меню Вы видите в этом блоге справа. Кому интересно, копируйте код, который видите ниже и вставляйте обычным гаджетом: дизайн-добавить гаджет-Html/JavaScript-вставить-сохранить. <div class="widget-content"> <ul style="height:150px;width:150px; overflow:auto; "> <li><a href="http://bdblogov.blogspot.com/">Ваш Tекст</a></li> <li><a href="http://bdblogov.blogspot.com/">Ваш Tекст</a></li> <li><a href="http://bdblogov.blogspot.com/">Ваш Tекст</a></li> <li><a href="http://bdblogov.blogspot.com/">Ваш Tекст</a></li> <li><a href="http://bdblogov.blogspot.com/">Ваш Tекст</a></li> <li><a href="http://bdblogov.blogspot.com/">Ваш Tекст</a></li> <li><a href="http://bdblogov.blogspot.com/">Ваш Tекст</a></li> <li><a href="http://bdblogov.blogspot.com/">Ваш Tекст</a></li> <li><a href="http://bdblogov.blogspot.com/">Ваш Tекст</a></li> <li><a href="http://bdblogov.blogspot.com/">Ваш Tекст</a></li> <li><a href="http://bdblogov.blogspot.com/">Ваш Tекст</a></li> <li><a href="http://bdblogov.blogspot.com/">Ваш Tекст</a></li> <li><a href="http://bdblogov.blogspot.com/">Ваш Tекст</a></li> <li><a href="http://bdblogov.blogspot.com/">Ваш Tекст</a></li> <li><a href="http://bdblogov.blogspot.com/">Ваш Tекст</a></li><span style="font-weight:bold;"></span> </ul></div> height - высота прокрутки, можно изменить; width - ширина прокрутки, тоже меняйте, если требуется; Если ссылок у вас меньше, чем предусмотрено в коде, удалите вот такую строку: <li><a href="Ваш адрес ссылки/">Ваш текст</a></li> Если Ваших ссылок больше, то наоборот добавьте. Надеюсь информация была для Вас полезной и кому либо обязательно пригодится. А я говорю до свидания, желаю творческих успехов! Почитайте как сделать выпадающее меню для блога; И самое простое меню для блога;
|
  
Популярные за сутки
|
Загрузка...
BlogRider.ru не имеет отношения к публикуемым в записях блогов материалам. Все записи
взяты из открытых общедоступных источников и являются собственностью их авторов.
взяты из открытых общедоступных источников и являются собственностью их авторов.