Уважаемые читатели, друзья, подписчики. В связи с участившимся и, порядком надоевшим спамом в комментариях от всяких анонимах(будь они не ладны), я вынуждена включить модерацию комментариев на некоторое время. Очень надеюсь на ваше понимание.
Всем, доброго времени суток. Для более удобной навигации по блогу, так же как ярлыки и страница содержание,меню является очень важным элементом. Сейчас можно найти достаточно много красивых меню. На любой вкус и цвет. Сегодня хочу предложить 3 варианта вертикального меню, которые можно установить в боковой панели блога через гаджет HTML/JavaScript.
Перед тем, как устанавливать любое из них, мы должны создать у себя в блоге страницы. Если кто-то ещё не знает как это делать советую прочитать пост о страницах в блоге.
Ну, а теперь вернёмся непосредственно к выбору и установке предложенных менюшек.
Очень простое в установке вертикальное меню. При наведении курсора цвет вкладки меняется. Работу такого блока меню можно посмотреть здесь.
Всё, что выделено красным, меняйте на адреса своих страниц. Зелёным отмечены название страниц, соответственно. Ширину width: 220px так же можно регулировать.
Меню с прокруткой. Не займёт много места если пунктов меню очень много.Как оно работает также можно увидеть на тестовом блоге(ссылка выше)
Здесь, всё что выделено красным адрес страницы и ваше название. width: 245 и ширинуheight: 141 подгоняйте под размеры блога.
В данный код можно сколько угодно добавлять нужных пунктов. Для этого просто добавить соответственно вот такую строку <p><a href="####">название</a> </p>
Ну и чтобы не писать отдельный пост совсем простое скролл - меню. Достаточно компактное. На то случай если совсем уж нет места в боковой панели.
Всё, что выделено красным адрес страницы меню, зелёным-её название. А вот как создать совсем необычное анимированное меню, прочитайте в этом сообщении.На этом сегодня всё.
Рассмотрел Ваше Меню, Первый Вариант. Получилось неплохо. Соединил со статическими страницами и скриптом. Вышел подраздел блога. СМ. https://hermesmdm.blogspot.com/ В боковой Панели Раздел ART Избавило меня от разрастания Меню страниц))))
Да 2 меню, скорее всего не красиво получается. А может менюшку выпадающую сделать. http://www.shpargalochki.ru/2017/01/gorizontalnoe-fiksirovannoe-vypadajushhee-menju.html или http://www.shpargalochki.ru/2017/03/ne-vypadaet-vypadayushee-menyu-v-bloggere.html или вертикальное аккордеон http://www.shpargalochki.ru/2017/04/vertikalnoe-menyu-akkordion-dlya-bogger.html
Такая менюшка вообще выход из положения, когда блог с массой страниц и ещё на подрубрики разбит. Конечно всё туда впихнуть можно и гаджет не нужен. удачи. Отпишитесь если сделаете, пожалуйста.
Думаю, что мне скоро понадобится третий вариант. Спасибо Вика, забираю)))
ОтветитьУдалитьИрина, привет. Ну для любителей минимализма это самое то. Забирай.
ОтветитьУдалитьВ любом деле если сесть и разобраться можно сделать такую красоту)))
ОтветитьУдалитьmadonna4ka верно сказано.
ОтветитьУдалитьРассмотрел Ваше Меню, Первый Вариант. Получилось неплохо. Соединил со статическими страницами и скриптом. Вышел подраздел блога. СМ. https://hermesmdm.blogspot.com/ В боковой Панели Раздел ART Избавило меня от разрастания Меню страниц))))
ОтветитьУдалитьLight Warrior, очень интересное решение нашли . Не плохо получилось.
УдалитьРешение нашли Вы!)))) Хотел Сделать 2 таких Меню, но получилось Некрасиво.
ОтветитьУдалитьДа 2 меню, скорее всего не красиво получается. А может менюшку выпадающую сделать.
ОтветитьУдалитьhttp://www.shpargalochki.ru/2017/01/gorizontalnoe-fiksirovannoe-vypadajushhee-menju.html или
http://www.shpargalochki.ru/2017/03/ne-vypadaet-vypadayushee-menyu-v-bloggere.html
или вертикальное аккордеон http://www.shpargalochki.ru/2017/04/vertikalnoe-menyu-akkordion-dlya-bogger.html
Меню выпадающее - Отличная Идея. Покручу. Интересно, что она все время висит. Она может полносью Заменит Виджет Страницы.
ОтветитьУдалитьТакая менюшка вообще выход из положения, когда блог с массой страниц и ещё на подрубрики разбит. Конечно всё туда впихнуть можно и гаджет не нужен. удачи. Отпишитесь если сделаете, пожалуйста.
Удалить