НашаРаша

Главная | Регистрация | Вход
Четверг, 09.01.2025, 15:41
Приветствую Вас Гость | RSS
DOZ.UCOZ.NET-НашаРаша
Добавь в закладки
Меню сайта
Погода Тюхтет
GISMETEO: Погода по г.Тюхтет



Электротовары
Главная » Статьи » Интернет и технологии сети » HTML

рублей Яндекс.Деньгами
на счет 41001811770512 (Поддержи проект Наша Раша)
Загрузка...
Меню КСС (горизонтальное)

Неплохое горизонтальное меню.

В CSS вставляем это:

Code
#modernbricksmenu{  
  padding: 0px;  
  width: 100%;  
  background: transparent;  
  voice-family: ""}"";  
  voice-family: inherit;  
}  
#modernbricksmenu ul{  
  font: bold 11px Arial;  
  margin: 0px;  
  margin-left: 40px;  
  padding: 0px;  
  list-style: none;  
}  
#modernbricksmenu li{  
  display: inline;  
  margin: 0 2px 0 0;  
  padding: 0px;  
  text-transform: uppercase;  
}  
#modernbricksmenu a{  
  float: left;  
  display: block;  
  color: white;  
  margin: 0 1px 0 0;  
  padding: 5px 10px;  
  text-decoration: none;  
  letter-spacing: 1px;  
  background-color: black;  
  border-bottom: 1px solid white;  
}  
#modernbricksmenu a:hover{  
  background-color: gray;  
}  
#modernbricksmenu #current a{  
  background-color: #D25A0B;  
  border-color: #D25A0B;  
}  
#modernbricksmenuline{  
  clear: both;  
  padding: 0px;  
  width: 100%;  
  height: 5px;  
  line-height: 5px;  
  background: #D25A0B;  
}  
#myform{  
  float: right;  
  margin: 0px;  
  padding: 0px;  
}  
#myform .textinput{  
  width: 190px;  
  border: 1px solid gray;  
}  
#myform .submit{  
  font: bold 11px Verdana;  
  height: 22px;  
  background-color: lightyellow;  
}

И где нужно выводить, вставляем:
Code
<div id="modernbricksmenu">  
  <ul>  
  <li style="margin-left: 1px"><a href="http://www.jongol.ru" title="Домой">Домой</a></li>  
  <li><a href="http://www.jongol.ru/php/" title="PHP">PHP</a></li>  
  <li><a href="http://www.jongol.ru/javacript/" title="javascript">javascript</a></li>  
  <li id="current"><a href="http://www.jongol.ru/css/" title="CSS">CSS</a></li>  
  <li><a href="http://www.jongol.ru/contact/" title="Контакты">Контакты</a></li>  
  </ul>  
  <form id="myform">  
  <input type="text" class="textinput" /> <input class="submit" type="submit" value="Поиск" />  
  </form>  
</div>  
<div id="modernbricksmenuline"></div>



Понравилась статья-Жми +1 Нравится

BBCode:

HTML:   

[ Скрыть ссылки ]

Это может быть интересно:
Категория: HTML | Добавил: port79 (06.04.2011)
Просмотров: 874 | Теги: (горизонтальное), ксс, меню | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
место для вашей рекламы-сайт принадлежит Журавлёву Роману Александровичу-вопросы по рекламе:port79@mail.ru
Администрация интернет-портала www.doz.ucoz.net не несёт ответственности за действия его посетителей. Все товарные знаки и знаки обслуживания на этом сайте являются собственностью соответствующих владельцев.Мнения, выраженные в публикациях на этом сайте, являются мнениями авторов публикаций и могут не совпадать с мнением администрации сайта
doz.ucoz.net
Информация для правообладателей

Copyright MyCorp ©
2025

Конструктор сайтов - uCoz