Простое вертикальное меню.
Здесь вообще все очень просто – идете в Шаблон – Добавить гаджет (слева или справа) и вставить HTML/JavaScript. В него вставляете код :
<style
type="text/css">
/* Edit by
lagunof.blogspot.com*/
#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: #000000;
/* Menu Font Color */
background-color:
#ffffff; /*Menu background Color */
border-bottom:
1px solid #90bade; /*Bottom border color */
border-left: 7px
solid #000000; /*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;
}
/* Made By
AllBlogTools.com */
</style>
<div
id="ddblueblockmenu">
<div
class="menutitle">МЕНЮ</div>
<ul>
<a
href="
http://ВАША
ССЫЛКА ">Главная</a>
<a
href="
http://ВАША
ССЫЛКА ">Статьи списком</a>
<a
href="
http://ВАША
ССЫЛКА ">Шаблоны блоггер</a>
<a
href="
http://ВАША
ССЫЛКА ">Блоггер с нуля</a>
<a
href="http://ВАША ССЫЛКА">Продвижение
сайтов</a>
<a
href="http://ВАША ССЫЛКА">Редактировать</a>
</ul></div><font
size="1">Переработанно<a
href=" http://ВАША ССЫЛКА "> Bloggfast </a
href="http:></font>заменяте слова на ссылки и всё. Настроить его очень просто почти под любой дизайн. Добавить пункт просто. Нужно только лишь добавить его в список. Я специально в своем блоге стараюсь останавливаться на таких решениях, которые простые и тредуют минимальных навыков.
Это я подсмотрел на BloggFast
Здесь вы можете посмотреть как сделать вертикальное выпадающее меню для блога
Комментариев нет:
Отправить комментарий