• Страница 1 из 1
  • 1
Меню для сайта
GraF Дата: Четверг, 04.04.2013, 13:47 | Сообщение # 1 | Сообщить о нерабочей теме


Аватар для GraF

Скрин:

Шаг-1 Установка CSS

Заходим в П.У - Дизайн - Упр. Дизайном(CSS) и в самый низ вставляем:

Код
ul {     
      list-style: none;     
      margin: 0;     
      padding: 0;     
      }     
           
     img {     
      border: none;     
      }     
           
     #menu {     
      width: 200px;     
      margin: 10px;     
      }     
           
     #menu li a {     
      height: 32px;     
      voice-family: "\"}\"";      
      voice-family: inherit;     
      height: 24px;     
      text-decoration: none;     
      }      
           
     #menu li a:link, #menu li a:visited {     
      color: #FFF;     
      display: block;     
      background: url(http://gigabytes.clan.su/load-ucoz/skripts/menu/6/menu.gif);     
      padding: 8px 0 0 35px;     
      }     
           
     #menu li a:hover {     
      color: #FFF;     
      background: url(http://gigabytes.clan.su/load-ucoz/skripts/menu/6/menu.gif) 0 -32px;     
      padding: 8px 0 0 35px;     
      }     
     #menu li span {     
      position: absolute;     
      left: 12em;     
      margin-top: -1.4em;     
      width: 10em;     
      display: none;     
      }     
     #menu li:hover span { display: block;}     
     #menu li span a { display: inline; }


Шаг-2 Установка HTML

Вставляем в нужное на сайте место, обычно это Глобальные блоки: Верхняя часть сайта.

Код
<div id="menu">     
      <ul>     
      <li><a href="http://gigabytes.clan.su">CSS Главная</a></li>     
      <li><a href="#">GiGabYtes.Clan.Su</a>     
      <span>      
      <a href="#">1Ссылка</a>     
      <a href="#">Ссылка</a>     
      <a href="#">Ссылка</a>      
      </span>     
      </li>     
      <li><a href="#">GiG-PRO.RU</a>     
      <span>      
      <a href="http://gigabytes.clan.su">1Ссылка</a>     
      <a href="#">2Ссылка</a>     
      <a href="#">3Ссылка</a>      
      </span>     
      </li>     
      <li><a href="#">CSS Меню</a>     
      <span>      
      <a href="#">3Ссылка</a>     
      <a href="http://gigabytes.clan.su">Ссылка</a>     
      <a href="#">Ссылка</a>      
      </span>     
      </li>
Прикрепления: 1175224.jpg (40.1 Kb)




Сообщение отредактировал GraF - Четверг, 04.04.2013, 14:11
  • Страница 1 из 1
  • 1
Поиск: