Горизонтальное меню для Blogger
CSS код горизонтального меню для blogger. Этот код вставляйте между тегами <head> и </head> в редакторе шаблона html
.h_mnu_01{ width: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; font-style: normal; text-decoration: none; } .h_mnu_01 ul{ margin: 0; padding: 0; float: left; width: 100%; background: #3EAE87; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #5C54C5; border-right-color: #5C54C5; border-bottom-color: #5C54C5; border-left-color: #5C54C5 } .h_mnu_01 ul li{ display: inline; } .h_mnu_01 ul li a{ float: left; color: #000000; padding: 5px 11px; text-decoration: none; border-right-width: 1px; border-right-style: solid; border-right-color: #5C54C5; } .h_mnu_01 ul li a:visited{ color: #000000; } .h_mnu_01 ul li a:hover, .h_mnu_01 ul li .selected{ color: #FFFF00 !important; padding-top: 5px; padding-bottom: 5px; background: #008000; }
HTML код горизонтального меню для blogger. Этот код вставьте в нужное место в шаблоне между тегами <body> и </body>, но проще вставить код в виде виджета HTML/JavaScript во вкладке Дизайн. Не забудьте отредактировать этот код – напишите свои названия пунктов горизонтального меню и ссылки на соответствующие страницы.
- Home
- страница 1
- страница 2
- страница 3
как добавить ссылку?
В HTML коде (во втором коде) замените слова ссылка 1, ссылка 2 и т.д. на свои ссылки на отдельные сообщения блога, которым соответствуют страница 1, страница 2 и т.д. (вместо этого напишите названия для сообщений).
К сожалению, я не могу вставлять код в комментарии, поэтому если непонятно, то пишите. А подробнее об оформлении ссылок читайте здесь http://www.mycrib.ru/2010/07/html_2182.html
Спасибо! Все очень понятно. Лучшее что нашел в инете. Единственное, отрываются вкладки не в новом окне.
Добавьте в каждую ссылку html — target="_blank", и каждый элемент горизонтального меню будет открываться в новом окне.