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

Главная Форум Фаилы

Меню сайта

Главная страница Файловый архив Музыка Форум портала Новости Поиск по сайту Наши гарантии Ваша ссылка

Наши баннеры

Опросы

Оцените мой сайт

1. Отлично

2. Хорошо

3. Неплохо

4. Ужасно

5. Плохо

Результаты Архив опросов

Всего ответов: 13

Статистика

Счетчик материалов:

Новостей: 285
Статей: 54
Файлов: 941
Форум: 149/203
Сайтов: 1
Картинок: 1
Комментариев: 14

Зарег. на сайте:

Всего: 589
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0

Из них:

Администраторов: 2
Модераторов: 0
Дизайнеров: 0
Журналистов: 0
Файловиков: 0
Проверенных: 0
V.I.P: 0
Пользователей: 587

А так же:

Парней: 556

Девушек: 32

Онлайн:

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

Гостей: 3

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

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

[ Полный список ]

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

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

Добавил: DoG | Просмотров: 539 | Рейтинг: 0.0/0

Теги: Теги неуказаны

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

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

Мини профиль

Реальное бабло

Мини чат

Есть вопросы? - На форум.
Здесь они игнорируются!
!help - помощь.

Игры

Action Racing Arcade RPG Simulator Sport

Онлайн музыка

Клубная музыка R'n'B, Rap, Hip-hop Electro, House Русский рэп, хип-хоп Рок, Альтернатива Шансон Drum and Bass

Всё для CS 1.6

Модели оружия Модели игроков Карты Спреи Патчи Плагины для Сервера Готовые сервера Другое

Всё для uCoz

Шаблоны Иконки групп Иконки форума Скрипты

Всё для CS:Source

Модели оружия Модели игроков Модели заложей Карты Спреи Патчи Темы меню Плагины для Сервера Готовые сервера Прицелы Другое


	Добрый день вы попали на развлекательный портал gamelose.ru где вашему вниманию предоставляется огромное количество файлов и свежих новостей из мира игровой индустрии. Для любителей кино мы предлагаем скачать новые фильмы. В любое время суток вы можете скачать музыку бесплатно, новые программы для PC или заказать графику для сайта Настоящим и преданным игроманам советуем пройти в игровой раздел.Просмотреть игровые видео обзоры, трейлеры, учебные пособия по прохождению других игр или просто скачать игры для PC, Xbox 360,Wii, PSP.Хостинг от uCoz