• Страница 1 из 1
  • 1
Красивое вертикальное меню
Тайный_АгентДата: Вторник, 05.10.2010, 14:18 | Сообщение # 1
Логин: Тайный_Агент
Имя: Wladimir Sommer
Сообщений: 265
Награды: 7
Репутация: 91
Замечания:

Красивое серо-зеленое меню для сайта.

Идем ПУ-->Управление дизайном-->CSS. В самый низ ставим это:

Code
ul#menu {
   width: 200px;
}
ul#menu li
{
   background: url('http://studioac.ru/uploads/vert-menu/bg-menu.gif') no-repeat bottom left;
   display: block;
   min-height: 30px;
}

ul#menu li:hover
{
   background-position: -200px bottom;
}

.main ul#menu li
{
   width: 199px;
}

.second ul#menu li
{
   width: 189px;
}

ul#menu a:visited,
ul#menu a:link,
ul#menu a
{
   background: url('http://studioac.ru/uploads/vert-menu/cap-menu.gif') no-repeat top left;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   color: white;
   padding: 5px 10px 10px 19px;
   display: block;
}

ul#menu a:hover
{
   background-position: -200px 0;
}​

Затем, в нужное место сайта ставим это:

Code

<ul id="menu">
   <li><a href="http://www.infoscript.ru" target="_self">Главная</a></li>
<li><a href="#" target="_self">Ссылка</a></li>
<li><a href="#" target="_self">Ссылка</a></li>
<li><a href="#" target="_self">Ссылка</a></li>
<li><a href="#" target="_self">Ссылка</a></li>
<li><a href="#" target="_self">Ссылка</a></li>
<li><a href="#" target="_self">Ссылка</a></li>
<li><a href="#" target="_self">Ссылка</a></li>
</ul>
Прикрепления: 9375495.jpg (8.0 Kb)


  • Страница 1 из 1
  • 1
Поиск:

Статистика Форума
Лучшие пользователи
Уважаемые пользователи
Популярные темы
Недавно обновленные темы
LaiNeR Постов [ 3127 ]
Staistesap Постов [ 1545 ]
z1M Постов [ 1488 ]
Mooxyrep Постов [ 1145 ]
Pooniacact Постов [ 986 ]
KoreshoK Постов [ 644 ]
LonS Постов [ 585 ]
BIG_BOSS Постов [ 572 ]
DoZa Постов [ 564 ]
shooter Постов [ 468 ]
LonS Репутация [ 546 ]
LaiNeR Репутация [ 519 ]
Smofee Репутация [ 477 ]
СнAйПер Репутация [ 436 ]
MedeX Репутация [ 412 ]
TiPSy Репутация [ 300 ]
bleff Репутация [ 279 ]
-=SToRM=- Репутация [ 235 ]
A6c3Ht^ Репутация [ 225 ]
NoRD Репутация [ 210 ]
Общение [ 1309 ]
Считаем до 1 000 [ 664 ]
Поговорим обо всем :) (девушки, машины, личная жизнь и тд) [ 369 ]
Афоризмы (Не комментируйте) [ 301 ]
Играем в СЛОВА [ 187 ]
Конкурс "Угадай возраст". [ 183 ]
Конкурс "Угадай автомобиль" [ 110 ]
Предложения по сайту [ 97 ]
Набивка постов [ 80 ]
Обломай товарища [ 75 ]
source-boost.ru | Мониторинг сервера CSS v34 [ 0 ]
source-boost.ru | Мониторинг сервера CSS v34 [ 0 ]
Скачать CSS v34 НОВЫЕ ПУШКИ - cs-kontra.ru [ 0 ]
Скачать CSS v34 НОВЫЕ ПУШКИ - cs-kontra.ru [ 0 ]
Скачать CSS v34 НОВЫЕ ПУШКИ - cs-kontra.ru [ 0 ]
Скачать CSS v34 НОВЫЕ ПУШКИ - cs-kontra.ru [ 0 ]
Скачать CSS v34 НОВЫЕ ПУШКИ - cs-kontra.ru [ 0 ]
Скачать CSS v34 НОВЫЕ ПУШКИ - cs-kontra.ru [ 0 ]
Скачать CSS v34 НОВЫЕ ПУШКИ - cs-kontra.ru [ 0 ]
Swatik [ 1 ]

Хостинг от uCoz | sitemap.xml | sitemap-forum.xml | sitemap-shop.xml | urllist.txt | |
PR-CY.ru