вгору

оперативний блогер

03.10.08

Меню в блог Blogger

Додати меню в блог на Blogger'і можна і зробити це дуже легко. Для цього ідемо редагувати html. Зберігаємо старий шаблон, завантажуємо його повністю на комп'ютер. Далі, просто перед /* Outer-Wrapper*/ вставляємо наступний код:

/* The Menu */

.menu {
    height:23px; /*задається висота зображення-фону*/
        background:url(http://bopohakapkapoha.googlepages.com/minu1.png); /*адреса самого зображення-фону*/
    }
.menu ul {
    list-style:none;
    margin:0;
    padding:3px 5px 0 5px;
    float:left;
    font-weight:normal;
    }
.menu li {
    display:inline;
    font-size:13px;
    padding:0 10px;
    }
.menu a {
    color:#000000;  /*задається колір тексту*/
    text-decoration:none;
    }
.menu a:hover {
    color:#ffffff;         /*задається колір тексту*/
    background:none;
    }
Далі перед <div id='content-wrapper'> вставляємо:
  <div class='menu'>
    
<ul>
       
<li><a expr:href='data:blog.homepageUrl'>Головна</a></li>
       
<li><a href='http://www.toss.org.ua'>Гик</a></li>
    
</ul>
 
</div>
Після того, щоб додати якийсь новий елемент, просто копіюємо старий, задаємо посилання і назву. Наприклад:
<div class='menu'>
    
<ul>
       
<li><a expr:href='data:blog.homepageUrl'>Головна</a></li>
       
<li><a href='http://www.toss.org.ua'>Гик</a></li>
        <li><a href='http://feeds.feedburner.com/Pyx'>Нова назва</a></li>
    
</ul>
 
</div>
В поле href='' вводимо посилання, далі назву перед </a>.Не бійтесь змінювати і переглядати зміни з кожним форматуванням шаблону.

Немає коментарів:

Дописати коментар