Большое зеленое меню для сайта

Меню можно растянуть на всю ширину экрана и поставить в верхнюю часть сайта. В меню этом используется не именно яркий зеленый цвет, а такой спокойный. Просматривая зеленые заставки на рабочий стол, обычно встречается именно такой цвет. Правильнее будет сказать, основной используемый цвет чуть темнее, чем яблочный цвет. Цвета меню, кстати, ассоциируются с меню одной популярной биржи статей. Ниже Вы можете видеть пример большого зеленого меню.

Пример



Код CSS

<style type="text/css"> .tmenu {border-bottom:1px solid #3A531E} .tmenu ul { background:#5C832F; font-weight:bold; font-size:10pt; font-family:Arial; height:50px; line-height:50px; margin:0; padding:0; padding-left:5px; overflow:hidden; } .tmenu li { list-style-type:none; float:left; } .tmenu a { padding:10px; color:#C3D599; text-decoration:none; } .tmenu a:hover { padding:10px; color:#FFFFFF; border-top:1px solid #BED39C; border-bottom:1px solid #52752A; text-decoration:none; background:#90B557 } </style>

Код HTML

<div class="tmenu"> <ul> <li><a href="#">Главная</a></li> <li><a href="#">Новости</a></li> <li><a href="#">О сайте</a></li> <li><a href="#">Обратная связь</a></li> </ul> </div>