понедельник, 4 октября 2010 г.

Меню в блоге

Одна из читательниц задала мне вопрос: "Как созданы разделы в Вашем блоге?".

Создание меню
Если речь идет о меню под заголовком, то ссылки с него идут на другие блоги, созданные мной.
Это меню представляет собой скрипт:



<style>
<!--
#menunav {
float: left;
border-top: 3px solid #f5e39e; /* граница сверху */
border-bottom: 3px solid #f5e39e; /* граница снизу */
font-size: 14px; /* размер шрифта */
background-color: #f5e39e; /* цвет фона меню */
padding: 0 0 0 0px; /* левый отступ кнопок */
margin: 0px 0px;
}
#menunav ul{
margin: 0px;
padding: 0px;
}
* html #menunav ul{
float: left;
border-left: 3px solid #f5e39e; /* левая вертикальная черта к ul */
margin-left: 15px;
}
* html #menunav a {
display: block;
}
#menunav li {
float: left;
list-style-type: none; /* без маркеров списка */
background-color: #e1771e; /* цвет кнопки до наведения */
border-right: 3px solid #f5e39e; /* разделительные линии между li */
}
#menunav li:first-child {
border-left: 3px solid #f5e39e; /* первая вертикальная линия меню */
}
#menunav a {
text-decoration: none; /* без подчёркивания ссылок */
padding: 0px 10px; /* отступы сверху и снизу */
color: #F5DEB3; /* цвет шрифта */
}
#menunav a:hover {
color: #f5e39e;
}
#menunav li:hover {
background-color: #b8a80d; /* цвет кнопки после наведения*/
}
-->
</style>
<div id="menunav">
<ul>
<li><a href="http://inf548.blogspot.com/"Главная страница</a></li>
<li><a href="http://inf548u.blogspot.com/"Ученикам</a></li>
<li><a href="http://e-t-11b-548-09.blogspot.com/"Электронные тетради</a></li>
<li><a href="http://klass548.blogspot.com/"Блог 5 в</li>
</ul>
</div>

Добавляем гаджет HTML/JavaScript и вставляем код скрипта.
 
Если речь идет о содержании, то как его сделать можно прочитать здесь.
Related Posts with Thumbnails
 
Наверх страницы