Вертикальное меню для blogger.com

Вставить это вертикальное меню очень просто. Добавте новый гаджет в разделе "дизайн" панели управления вашего блога. Добавте гаджет "HTML/JavaScript" В него вставьте и сохраните этот код:

<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>


Вот пример этого вертикального меню:  
В гаджете меню будет выглядеть красивее ))) автоматически выровняется по размеру гаджета и не будет видна эта белая полоса с права!




Related Posts
Previous
« Prev Post

2 коммент.

5 февраля 2012 г., 14:42

Здравствуйте!
Скажите пожалуйста вот что, я установил данное меню у себя на сайте. Главное теперь как мне привязать адрес страниц? Объясните пожалуйста. Если Я создал в блоггере сообщение как я могу привязять или прикрутить это сообщение к одному из слов в меню? Или эот делается как-то по другому не через сообщение? Если это не блог а сайт то там легко но вот как быть с этим в блогспоте? Где мне создать новое сообщение и привязать это сообщение к одному из кнопок этого меню? Я в этом деле новичек всего несколько дней только начал осваивать. Заранее Спасибо за ответ!

Reply
avatar
Анонимный
14 октября 2012 г., 01:37

Копируете адрес вашей статьи и вставляете в "http://ссылка/"

Reply
avatar