Очень простая горизонтальная панель навигации - Форум общения - Logical-portal

Время:

Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 13.59.84.30

Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.

Страница 1 из 1
1

Очень простая горизонтальная панель навигации

spayder

Сообщение оставлено 12.03.2011 в 08:57:24 | Сообщение #1

1537

Красивое и простое горизонтальное меню для ваших сайтов.
В шапку сайта:

Code

<ul id="nav">
   <li><a href="http://webo4ka.ru/">About Us</a></li>
   <li><a href="#">Our Products</a></li>

   <li><a href="#">FAQs</a></li>
   <li><a href="#">Contact</a></li>
   <li><a href="#">Login</a></li>
   </ul>

в css:

Code

#nav {
   width: 100%;
   float: left;
   margin: 0 0 3em 0;
   padding: 0;
   list-style: none;
   background-color: #f2f2f2;
   border-bottom: 1px solid #ccc;
   border-top: 1px solid #ccc; }
   #nav li {
   float: left; }
   #nav li a {
   display: block;
   padding: 8px 15px;
   text-decoration: none;
   font-weight: bold;
   color: #069;
   border-right: 1px solid #ccc; }
   #nav li a:hover {
   color: #c00;
   background-color: #fff; }