Мы здесь: rss twitter vk facebook

Самые новые скрипты для Ucoz

На нашем портале вы найдете не только скрипты, но и видео обучение и много интересного!
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Форумчик » Скрипты для Ucoz готовые (меню) » Кнопки в меню на CSS. Скрипт для Ucoz
Кнопки в меню на CSS. Скрипт для Ucoz
Administrator Дата: Среда, 14.12.2011, 12:41 | Сообщение # 1 Offline

Сообщений: 293
Генералиссимус
- +

Это вставляем в CSS:
Code
ul {  
   font-family: Georgia;  
   list-style-type: none;  
   font-size: 14px;  
   color: #fff;  
   height: 50px;  
   width: 510px;  
   margin: 0 auto;  
   padding-top: 15px;  
   }  
ul li {  
   float: left;  
   padding: 1px;  
   text-align: center;  
   }  
ul li a {  
   float: left;  
   display: block;  
   background: #0094D6;  
   text-decoration: none;  
   color: #fff;  
   position: relative;  
   }  
ul li a:hover {  
   background: #FF7700;  
   z-index: 10;  
   margin: 0 -10px;  
   top: -10px;  
   opacity: 0.7;  
   filter: alpha(opacity=70);  
   -moz-opacity: 0.7;  
   -khtml-opacity: 0.7;  
   }  
ul li a span {  
   float: left;  
   display: block;  
   padding: 10px 0;  
   text-decoration: none;  
   color: #fff;  
   width: 100px;  
   cursor: pointer;  
   }  
ul li a:hover span {  
   width: 120px;  
   padding: 20px 0;  
   }

Это вставляем в блок:
Code
<ul>  
   <li><a href="" title=""><span>Главная</span></a></li>  
   <li><a href="" title=""><span>Новости</span></a></li>  
   <li><a href="" title=""><span>Контакты</span></a></li>  
   <li><a href="" title=""><span>Портфолио</span></a></li>  
   <li><a href="" title=""><span>Форум</span></a></li>  
</ul>


Мои сайты:
China-Telephon Все для китайских телефонов
Megasayt все для Ucoz
 
Форум » Форумчик » Скрипты для Ucoz готовые (меню) » Кнопки в меню на CSS. Скрипт для Ucoz
  • Страница 1 из 1
  • 1
Поиск: