Полоса прокрутки для длинного списка ярлыков.

полоса прокрутки
Привет, друзья. У меня сегодня шпаргалка опять про ярлыки в блоге. А именно, как сделать полосу прокрутки для длинного списка ярлыков. Многие выбирают вариант отображения ярлыков именно списком. И в процессе наполнения блога информацией, этот список занимает очень много места в сайдбаре блога и совсем некрасиво смотрится.
Можно решить эту проблему если сделать категории (метки, теги, ярлыки) в виде выпадающего меню. Про это читаем здесь.  А вариант, который предлагаю сегодня - это оформить весь список в полосу прокрутки, используя свойство overflow.

Зайдите во вкладку шаблон-изменить HTML. Находим строку ]]></b:skin> (для начинающих блогеров, которые пока не знают как это сделать правильно, прочитайте в этом сообщении). И прямо над ней устанавливаем такой код.
#Label1 .widget-content{height:200px; width:auto;overflow:auto;}
Результата посмотрите здесь в боковой панели в виджете категории.

Подобным образом можем оформить и Архив блога если вы считаете, что и он уже достаточно много места занимает. Порядок тот же самый. А код будет такой.
#BlogArchive1 .widget-content{height:200px; width:auto;overflow:auto;}

Размер окна сделайте на ваше усмотрение, меняя в коде величину height:200px; в большую или меньшую сторону.

Вот мы это и сделали. Как видите, совсем несложно оформить гаджет ярлыки, используя полосу прокрутки.

Спасибо всем за внимание и до скорых встреч.

здесь можно оформить подписку на новые шпаргалки

Введите Ваш email


4 комментария :

  1. ЗДОРОВО! В 2-х своих блогах я оформила список в полосу прокрутки! Большое спасибо! Можете посмотреть:
    1. Блог "Волшебный фонарик".
    2. БЛОГ КОТА ВАСЬКИ Полещенко

    ОтветитьУдалить
  2. Ирина, сейчас обязательно сбегаю гляну. очень приятно, что пригодилось.

    ОтветитьУдалить
  3. Вика, спасибо за шпаргалочку!!!! Мне очень нравился Ваш интерактивный гаджет с ярлыками, который я установила в своем блоге. Вы как-то раньше давали несколько вариантов. А так как ярлыков получилось много, полоса прокрутки - это находка для меня. Совместила два кода. вроде ничего получилось)))))))))http://topchiyirina.blogspot.com/

    ОтветитьУдалить
    Ответы
    1. Ирина, здравствуйте. Очень даже здорово получилось.

      Удалить

Пользовательский поиск
 
feedburner