Полный код простого горизонтального меню.

На этой странице размещен полный код для создания простого горизонтального меню для сайта. Вы можете внести некоторые изменения в код меню, создав свое меню, по своему усмотрению.

<link rel="stylesheet" href="examples.css" type="text/css"> 

<style type="text/css">

#set, #set ul {
  list-style: none; 
  margin: 0; 
  padding: 0; 
  border: 1px solid #669999; 
  background: #CCFFFF; 
  float: left; 
  width: 45%;
}
#set li {
  float: left; 
  position: relative; 
  background: #CCFFFF; 
  background: #CCFFFF; 
  border: 1px solid #FFF; 
  border-right-color: #527337; 
  border-bottom-color: #527337; 
}

#set a {
  color:#660033; 
  text-indent:5px; 
  display: block; 
  width: 125px; 
  padding: 2px 10px; 
  background: #00FFFF; 

}
#set a:hover {
  color: #FFFFCC; 
  background: #009999;

</style>

<ul id="set">
<li><a href="ссылка на страницу сайта">меню</a></li>       
<li><a href="ссылка на страницу сайта">меню</a></li>
<li><a href="ссылка на страницу сайта">меню</a></li>

</ul>

Поделиться в соц. сетях

Полный код простого горизонтального меню.
Полный код простого горизонтального меню.
Полный код простого горизонтального меню.
Полный код простого горизонтального меню.
Полный код простого горизонтального меню.
Полный код простого горизонтального меню.

Похожие записи

  • Полный код горизонтального выпадающего меню На этой странице размещен полный код горизонтального выпадающего меню для вашего сайта. Вы можете, по своему желанию, внеся некоторые изменения в код, создать свое меню. Все зависит от […]
  • Полный код вертикального выпадающего меню. На этой странице размещен полный код вертикального выпадающего меню для вашего сайта. Вы можете, по своему желанию, внеся некоторые изменения в код, создать свое меню. Все зависит от […]
  • Полный код простого вертикального меню. На этой странице размещен полный код простого вертикального меню для вашего сайта. Вы можете воспользоваться этой версией, а можете, при внесении некоторых настроек в коде, сделать […]
  • Простое горизонтальное меню для сайта Простое динамические меню, отличается от всех типов меню своей простотой и хорошей индексацией поисковиков, а, используя современные методы CSS и JavaScript, можно придать своему меню […]
  • Простое вертикальное меню для сайта Как я уже говорил в предыдущем разделе простое горизонтальное меню все меню имеют примерно одинаковую html-разметку. Поэтому, для создания простого вертикального меню мы будем использовать […]
  • Горизонтальное выпадающее меню. В этом разделе мы с вами научимся, как с помощью CSS сделать красивое горизонтальное выпадающее меню. Преимущества такого меню, я думаю, очевидно, это экономия рабочего пространство на […]

Оставить комментарий

http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif 
 

Goon Каталог сайтов Рейтинг@Mail.ru Яндекс.Метрика