Новое в блоге
Loading...
3 дек. 2011 г.

Виджет: вертикальное мeню с прокруткой для Blogger

Добрый вечер тем, кто решил заглянуть сюда на огонёк. Сегодня тема урока: вертикальное мeню с прокруткой для Blogger. Предназначение разнообразное. Ссылки на ваши статьи, рубрики, ссылки для ваших блогов и т.д. Думаю каждый найдёт своё применение ему. Вам не хватает места на боковой панели? Тогда этот виджет для Вас.Можно настроить его так,что он будет занимать всего одну строчку в вашей боковой панели или в любом месте. Потому что он особенный - с прокруткой. Можете посмотреть в живую как выглядит и испытать его. Демо. А кому лень нажимать демо смотрите скриншот. Вот он:

меню с прокруткой
Если нравится тогда в перёд.

Как сделать вертикальное меню с прокруткой (Scroll) для Blogger

Зайти в меню Дизайн--добавить виджет HTML/Java Script и вставить следующий код,соответственно заменив на нужные Вам ссылки,добавить их можно сколько угодно.

<div class="widget-content">
<ul style="height:150px;width:150px; overflow:auto; ">
<li><a href="http://new-school-blogger.blogspot.com/">Ваш Tекст</a></li>
<li><a href="http://new-school-blogger.blogspot.com/">Ваш Tекст</a></li>
<li><a href="http://new-school-blogger.blogspot.com/">Ваш Tекст</a></li>
<li><a href="http://new-school-blogger.blogspot.com/">Ваш Tекст</a></li>
<li><a href="http://new-school-blogger.blogspot.com/">Ваш Tекст</a></li>
<li><a href="http://new-school-blogger.blogspot.com/">Ваш Tекст</a></li>
<li><a href="http://new-school-blogger.blogspot.com/">Ваш Tекст</a></li>
<li><a href="http://new-school-blogger.blogspot.com/">Ваш Tекст</a></li>
<li><a href="http://new-school-blogger.blogspot.com/">Ваш Tекст</a></li>
<li><a href="http://new-school-blogger.blogspot.com/">Ваш Tекст</a></li>
<li><a href="http://new-school-blogger.blogspot.com/">Ваш Tекст</a></li>
<li><a href="http://new-school-blogger.blogspot.com/">Ваш Tекст</a></li>
<li><a href="http://new-school-blogger.blogspot.com/">Ваш Tекст</a></li>
<li><a href="http://new-school-blogger.blogspot.com/">Ваш Tекст</a></li>
<li><a href="http://new-school-blogger.blogspot.com/">Ваш Tекст</a></li><span style="font-weight:bold;"></span>
</ul></div>
Настройки: как и написал выше замените:

http://new-school-blogger.blogspot.com на Ваши ссылки статьи, блоги, партнёров и т.д.
height:150px; - обозначение высоты. width:150px; - соответственно ширина. Для тех кто в танке:
если много ссылок удаляем эту строку <li><a href="http://new-school-blogger.blogspot.com/"> Ваш Tекст</a></li> если мало тогда добавляем.
Вот и всё. Мы сделали меню с прокруткой (Scroll) для Blogger. Всем пока. Забегайте ещё в гости. Буду рад.

Ух ты кнопочки! Понравилась статья? Поделитесь с друзьями:

0 коммент. :

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

 
Footer