Горизонтальное меню Google CSS для uCoz
Категория: Меню / Дата добавления материала: 05.02.2012, 18:55
|
Код CSS: Code <style type="text/css"> .tmenu ul { border:0; border-bottom:1px solid #000000; background:#2D2D2D; font-weight:normal; font-size:10pt; font-family:Arial; height:30px; line-height:30px; margin:0; padding:0; padding-left:4px; overflow:hidden; } .tmenu li { list-style-type:none; float:left; } .tmenu a { padding:6px; padding-bottom:7px; color:#CCCCCC; text-decoration:none; } .tmenu a:hover { padding:6px; color:#FFFFFF; padding-top:7px; padding-bottom:8px; text-decoration:none; background:#4C4C4C }
.tmenu a.active { border-top:2px solid #DD4B39; padding:6px; padding-top:5px; padding-bottom:7px; color:#FFFFFF; font-weight:bold; text-decoration:none; } .tmenu a.active:hover { border-top:2px solid #DD4B39; padding:6px; padding-top:5px; padding-bottom:7px; color:#FFFFFF; border-top:3px solid #DD4B39; text-decoration:none; background:#4C4C4C } </style> Код HTML: Code <div class="tmenu"> <ul> <li><a href="#">+Вы</a></li> <li><a href="#" class="active">Поиск</a></li> <li><a href="#">Картинки</a></li> <li><a href="#">Видео</a></li> </ul> </div>
Полезный материал ? Посетите сайт автора: http://yraaa.ru/
|
Просмотров: 1129 | Загрузок: 0
| Рейтинг: 0.0/0 |
Добавлять комментарии могут только зарегистрированные пользователи.
[
Регистрация |
Вход ]