воскресенье, 19 декабря 2010 г.
Красивое вертикальное меню для Blogger
Вставляете как виджет этот код:
<style type="text/css">
#ddblueblockmenu{
border: 1px solid #000000; /*Main Border Color */
border-bottom-width: 0;
width: 100%;
}
#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}
#ddblueblockmenu a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 94%; /*94% minus all left/right paddings and margins*/
text-decoration: none;
color: #ffffff; /* Menu Font Color */
background-color: #2175bc; /*Menu background Color */
border-bottom: 1px solid #90bade; /*Bottom border color */
border-left: 7px solid #1958b7; /*Left border color */
list-style-type:none;
}
* html #ddblueblockmenu a{ /*IE only */
width: 94%; /*IE 5*/
width: 94%; /*94% minus all left/right paddings and margins*/
}
#ddblueblockmenu a:hover {
background-color: #2586d7; /*Menu background Color On Hover*/
border-left-color: #1c64d1; /*Left border color On Hover*/
}
#ddblueblockmenu div.menutitle{
color: #ffffff; /* Title Font Color */
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: #000000; /*Menu Tite Background Color*/
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}
</style>
<div id="ddblueblockmenu">
<div class="menutitle">Browse</div>
<ul>
<a href="http://ссылка/">Home</a>
<a href="http://ссылка/">About us</a>
<a href="http://ссылка/">Blogger
templates</a>
<a href="http://ссылка/">Blogger
Tricks</a>
<a href="http://ссылка/">Blogger Tools</a>
<a href="#">Edit</a>
</ul></div><font size="1">Menu By <a
href="http://www.allblogtools.com/">AllBlogTools.com</a
href="http:></font>
Выделенное жирным можно менять (циферки цвета),цвет можно подобрать здесь,в генераторе цветового кода.А разобраться где-что поможет эта картинка:
А синее-это копирайт автора менюшки,хотите удаляйте.
Меню придумано здесь.
Подписаться на:
Комментарии к сообщению (Atom)
поставил на www.шебекино31.рф
ОтветитьУдалитьСпасибо, работает
А можно из этого меню сделать многоуровневое (двухуровневое)? мне просто подходит то, что его легко реализовать(через виджет, т.к. я БОЛЬШОЙ НОВИЧОК во всем этом)...
ОтветитьУдалитьwww.vshebekino.ru не поставил) и не поставлю) а рекламку оставлю сайтика города Шебекино.
ОтветитьУдалитьhttp://zembat.blogspot.com
ОтветитьУдалитьhttps://bitcoinwarrior.site
ОтветитьУдалить