Черное меню


<center><style>.menu{background:url(‘http://gigabytes.clan.su/load-ucoz/skripts/menu/5/menu_bar.png’)repeat-x;font-family:Times New Roman;width:970px;height:30px;position:relative;z-index:100;}  
.menu ul li a, .menu ul li a:visited{display:block;text-decoration:none;color:#fff;width:100%;margin-left:15px;margin-right:15px;height:30px;text-align:center;color:#fff;line-height:30px;font-size:16px;overflow:hidden}  
.menu ul{padding:0;margin:0;list-style:none;}  
.menu ul li{float:left;position:relative;}  
.menu ul li ul{display:none;font-size:11px;}  
.menu ul li:hover a{color:#fff;background:#000000;}  
.menu ul li:hover ul{display:block;position:absolute;left:0;width:105px;font-family:arial;font-size:13px;width:135px;}  
.menu ul li:hover ul li a{display:block;background:#000;color:#a2a2a2;font-size:13px;width:135px;margin:1px;height:22px;line-height:22px;text-align:left;padding-left:10px;}  
.menu ul li:hover ul li a:hover{border:1px solid #ff0000;margin:0px; color:#a2a2a2;font-size:13px;width:135px;}  


.left_column {margin:0;float:left;width:265px;text-align:left;}  
.right_column {margin:0;float:right;width:685px;text-align:left;padding:10px;}</style>  
<div class=»menu»>  
  <ul>  
<li><a class=»hide»>www.gigabytes.clan.su</a>  
  <ul>  
  <li><a href=»http://gigabytes.clan.su» title=»»>www.gigabytes.clan.su</a></li>  
  <li><a href=»» title=»»>Подпункт</a></li>  
  </ul></li>  
<li><a class=»hide»>www.gigabytes.clan.su</a>  
  <ul>  
  <li><a href=»» title=»»>www.gigabytes.clan.su</a></li>  
  <li><a href=»http://gigabytes.clan.su» title=»»>www.gigabytes.clan.su</a></li>  
  </ul></li>  
<li><a class=»hide»>www.gigabytes.clan.su</a>  
  <ul>  
  <li><a href=»http://gigabytes.clan.su».


 
  <li><a href=»» title=»»>www.gigabytes.clan.su</a></li>  
  </ul></li>  
</ul>  
</div></center>

gigabytes.clan.su

ul.gradient-menu {
  padding: 0;
  margin: 0 auto;
  list-style: none;
  display: inline-block;
  font-family: arial, sans-serif;
  font-size: 13px;
  height: 54px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 6px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: 0px 0px 6px rgba(255, 255, 255, 0.3);
  -o-box-shadow: 0px 0px 6px rgba(255, 255, 255, 0.3);
  box-shadow: 0px 0px 6px rgba(255, 255, 255, 0.3);
}
ul.gradient-menu {
*display:inline;
}
ul.gradient-menu li {
  display: inline;
}


ul.black li a {
  background-color: #181818;
  border: 1px solid #474747;

}

ul.gradient-menu li a {
  display: block;
  padding: 0 25px;
  height: 52px;
  line-height: 50px;
  text-decoration: none;
  color: #fff;
  float: left;
  margin-right: -1px;
  text-align: center;
  height: 52px;
  font-weight: normal;
   
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
  -webkit-box-shadow: inset -1px 0 1px rgba(255, 255, 255, 0.4), inset 1px 0 1px rgba(255, 255, 255, .


br />  -o-transition: 0.2s;
  transition: 0.2s;
}
ul.gradient-menu li:first-child a {
  -moz-border-radius: 10px 0 0 10px;
  border-radius: 10px 0 0 10px;
}
ul.gradient-menu li:last-child a {
  -moz-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0;
}
ul.gradient-menu li a:hover {
  line-height: 52px;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, rgba(255, 255, 255, 0.2)), color-stop(0.5, rgba(255, 255, 255, 0)), color-stop(0.5, transparent), to(rgba(255, 255, 255, 0.2)));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0) 50%, transparent 50%, rgba(255, 255, 255, 0.2) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0) 50%, transparent 50%, rgba(255, 255, 255, .

sp;-moz-box-shadow: inset -1px 0 1px rgba(0, 0, 0, 0.4), inset 1px 0 1px rgba(0, 0, 0, 0.4), inset 0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow: inset -1px 0 1px rgba(0, 0, 0, 0.4), inset 1px 0 1px rgba(0, 0, 0, 0.4), inset 0 0 10px rgba(0, 0, 0, 0.4);
}
ul.black li a:active {
  background-color: #111;
}
ul.gradient-menu li a:active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.8);
}

zornet.ru

<style type="text/css"> body  /* Главное меню */  #menu { 	width: 100%; 	margin: 0; 	padding: 10px 0 0 0; 	list-style: none;  	background: #111; 	background: -moz-linear-gradient(#444, #111); .  

loat: left; padding: 0 0 10px 0; position: relative; line-height: 0; } #menu a { float: left; height: 25px; padding: 0 25px; color: #999; text-transform: uppercase; font: bold 12px/25px Arial, Helvetica; text-decoration: none; text-shadow: 0 1px 0 #000; } #menu li:hover > a { color: #fafafa; } *html #menu li a:hover /* IE6 */ { color: #fafafa; } #menu li:hover > ul { display: block; } /* Подменю */ #menu ul { list-style: none; margin: 0; padding: 0; display: none; position: absolute; top: 35px; left: 0; z-index: 99999; background: #444; background: -moz-linear-gradient(#444, #111); background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444)); background: -webkit-linear-gradient(#444, #111); background: -o-linear-gradient(#444, #111); background: -ms-linear-gradient(#444, #111); .

#777777; box-shadow: 0 1px 0 #111111, 0 2px 0 #777777; } #menu ul li:last-child { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #menu ul a { padding: 10px; height: 10px; width: 130px; height: auto; line-height: 1; display: block; white-space: nowrap; float: none; text-transform: none; } *html #menu ul a /* IE6 */ { height: 10px; } *:first-child+html #menu ul a /* IE7 */ { height: 10px; } #menu ul a:hover { background: #0186ba; background: -moz-linear-gradient(#04acec, #0186ba); background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba)); background: -webkit-linear-gradient(#04acec, #0186ba); background: -o-linear-gradient(#04acec, #0186ba); background: -ms-linear-gradient(#04acec, #0186ba); background: linear-gradient(#04acec, #0186ba); } #menu ul li:first-child > a { -moz-border-radius: 5px .

t; border-top: 5px solid transparent; border-right: 8px solid #444; } #menu ul li:first-child a:hover:after { border-bottom-color: #04acec; } #menu ul ul li:first-child a:hover:after { border-right-color: #04acec; border-bottom-color: transparent; } #menu ul li:last-child > a { -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } /* Clear floated elements */ #menu:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html #menu { zoom: 1; } /* IE6 */ *:first-child+html #menu { zoom: 1; } /* IE7 */ </style> <style type="text/css"> #adpacks-wrapper{font-family: Arial, Helvetica;width:280px;position: fixed;_position:absolute;bottom: 0;right: 20px;z-index: 9999;background: #eaeaea;padding: 10px;-moz-box-shadow: 0 0 15px #444;-webkit-box-shadow.

58; 11px;} body .one .bsa_it_p{display:none;} body #bsap_aplink,body #bsap_aplink:hover{display:block;font-size:9px;margin: -15px 0 0 0;text-align:right;} body .one .bsa_it_ad .bsa_it_d{font-size: 11px;} body .one{overflow: hidden} </style> <script type="text/javascript"> $(function() { if ($.browser.msie && $.browser.version.substr(0,1)<7) { $('li').has('ul').mouseover(function(){ $(this).children('ul').show(); }).mouseout(function(){ $(this).children('ul').hide(); }) } }); </script> </head> <body> <ul id="menu"> <li><a href="http://mixlip.ru/">Главная</a></li> <li> <a href="#">Категории</a> <ul> <li> <a href="#">CSS</a> <ul> <li><a href="#">Пункт 11</a></li> <li><a href=.

;/li> <li><a href="#">Пункт 24</a></li> </ul> </li> <li> <a href="#">Инструменты</a> <ul> <li><a href="#">Пункт 31</a></li> <li><a href="#">Пункт 32</a></li> <li><a href="#">Пункт 33</a></li> <li><a href="#">Пункт 34</a></li> </ul> </li> <li> <a href="#">Веб дизайн</a> <ul> <li><a href="#">Пункт 41</a></li> <li><a href="#">Пункт 42</a></li> <li><a href="#">Пункт 43</a></li> <li><a href="#">Пункт 44</a></li> </ul> </li> </ul> </li> <li> <a href="#">Работы</a> <ul> <li> <a href="#">Работа 1</a> <ul> <li> <a href="#">Работа 11</a> <ul> <li> <a href="#">Работа 111</a> </li> <li> <a href="#">Работа 112</a> </li> <li> <a href="#">Работа 113</a> </li> </ul> </li> <li> <a href="#">Работа 12</a> <ul> <li> <a href="#">Работа 121</a> </li> <li> <a href="#">Работа 122</a> </li> <li> <a href="#">Работа 123</a> </li> </ul> </li> <li> <a href="#">Работа 13</a> <ul> <li> <a href="#">Работа 131</a> </li> <li> <a href="#">Работа 132</a> </li> <li> <a href="#">Работа 133</a> </li> </ul> </li> </ul> </li> <li> <a href="#">Работа 2</a> <ul> <li> <a href="#">Работа 21</a> <ul> <li> <a href="#">Работа 211</a> </li> <li> <a href="#">Работа 212</a> </li> <li> <a href="#">Работа 213</a> </li> </ul> </li> <li> <a href="#">Работа 22</a> <ul> <li> <a href="#">Работа 221</a> </li> <li> <a href="#">Работа 222</a> </li> <li> <a href="#">Работа 223</a> </li> </ul> </li> <li> <a href="#">Работа 23</a> <ul> <li> <a href="#">Работа 231</a> </li> <li> <a href="#">Работа 232</a> </li> <li> <a href="#">Работа 233</a> </li> </ul> </li> </ul> </li> <li> <a href="#">Работы 3</a> <ul> <li> <a href="#">Работа 31</a> <ul> <li> <a href="#">Работа 311</a> </li> <li> <a href="#">Работа 312</a> </li> <li> <a href="#">Работа 313</a> </li> </ul> </li> <li> <a href="#">Работа 32</a> <ul> <li> <a href="#">Работа 321</a> </li> <li> <a href="#">Работа 322</a> </li> <li> <a href="#">Работа 323</a> </li> </ul> </li> <li> <a href="#">Работы 33</a> <ul> <li> <a href="#">Работа 331</a> </li> <li> <a href="#">Работа 332</a> </li> <li> <a href="#">Работы 333</a> </li> </ul> </li> </ul> </li> </ul> </li> <li> <a href="#">О нас</a> </li> <li> <a href="#">Контакты</a> </li> </ul>

mixlip.ru

Black Menu for Google предоставляет вам быстрый доступ к вашим любимым службам Google с удобным выпадающим меню, которое позволяет вам использовать Поиск, Google+, Переводчик и многие другие, не покидая страницу, на которой вы находитесь. Нажмите на пункты меню, чтобы получить маленькое окно предпросмотра или нажмите кнопку "Открыть сервис в новой вкладке" справа, чтобы открыть их в новой вкладке.

Настройте меню, указав "Добавить" и перетащив/нажав нужные сервисы из полного списка сервисов. Чтобы удалить службы, перетащите их вправо.

Получите доступ к этим и многим другим сервисам с помощью Black Menu for Google:

Поиск Гугл. Быстро ищите в сети Интернет или переключите вкладки для поиска изображений, книг, новостей и т. д. — все в мини-окне.

Google+. Поделитесь текущей страницей или проверьте последние уведомления Google. Перемещайтесь по всем сервисам Google+ так же, как на мобильном устройстве.

Переводчик Google. Введите или вставьте текст в поле для получения быстрого перевода того комментария, который вы получили на иностранном языке. Просматривайте свою историю переводов и сохраняйте любимые переводы.

Карты Гугл. Найдите новый ресторан, чтобы посетить его, используя мини-карту с поиском, просмотром улиц и слоями для спутников, транспортных маршрутов, общественного транспорта и велодорожек.

YouTube. Смотрите популярные или рекомендованные вам видеоролики. Выполните поиск и отфильтруйте результаты, чтобы найти то видео, которым вы хотели поделиться. Войдите, чтобы найти полезные ярлыки внизу.

Новости Google. Читайте главные новости из вашей страны или из любой страны, которую вы выберете. Также смотрите разделы, такие как Мир, Бизнес, Наука/Техника и Развлечения. Используйте поиск, чтобы найти новости по любой теме.

Gmail. Получите полнофункциональный почтовый ящик Gmail для проверки или отправки почты. Отвечайте коллегам, редактируйте ярлыки, пересылайте электронные письма или архивируйте их — делайте практически все, что может Gmail, прямо из меню.

Гугл Диск. Просматривайте папки или ищите файлы в удобном привычном представлении. Просматривайте свои документы в виде списка или просматривайте изображения в виде сетки. Нажмите кнопку "Добавить", чтобы загрузить файлы или создать новые.

Календарь Google. Просматривайте ваши предстоящие события, отображенные в списке. Выберите календари, которые вы хотели бы видеть, или просто ищите определенные события.

Google Keep. Создавайте списки, напоминания или вставляйте фрагменты из сети Интернет. Все ваши заметки хранятся здесь, включая архивы. Организуйте и переставьте их так, как вы хотите.

Страница приложений. Получите доступ к ярлыкам распространенных (и неизвестных) веб-сайтов Google, таких как Контакты Google, Группы Google, Google Art Project, Google Follow Your World и еще 450+!

Щелкните правой кнопкой мыши по значку Black Menu for Google, чтобы отправить мне отзыв, предложение или сообщить об ошибках.

addons.opera.com

Black Menu для Google удобный сервис, который даёт вам возмодность быстро воспользоваться такими сервисами как Поиск, Google+, Переводчик и многими другими без перехода на другую страницу. Нажмите на пункт в меню и перед вами откроется небольшое окно с превью или нажмите на «открыть в полном окне» чтобы открыть сервис в новой вкладке.  Кастомизируйте меню с помозью пункта «Добавить» или перетягиванием сервисов так, как вам этого захочется. Чтобы удалить сервис с меню, перетащите его вправо.  Получить это и многое другое от Black Menu для Google:  Google Поиск. Быстро найдите что-то в Интернете или переключите вкладки на поиск картинок, книг, новостей и т.д. - Всё это внутри маленького окна  Google+. Поделитесь открытой страницой или проверьте свои уведомления. Смотрите свой Google+ как-будто вы на телефоне.  Google Переводчик. Напишите или вставьте текст в поле чтобы получить быстрый перевод на тот комментарий, который вы получили на другом языке. Смотрите историю свои переводов или добавьте их в избранное.  Google Карты. Найдите ближайщий ресторан с помощью мини-карты, в которой есть Поиск, Street View и разные слои для карт (пробки, спутникб публичный транспорт или дорожки для велосепедистов).  YouTube. Смотрите популярные видео или те, которые рекомендуют вам. Ищите или фильтруйте результаты, чтобы найти то, чем вы хотели-бы поделиться. Войдите, чтобы получить удобные ярлыки снизу.  Google Новости. Читайте популярные локальные или международные истории. Также, ищите по секциям, к примеру: Мировые Новости, Бизнес, Технологии или Развлечения. Используйте поиск, чтобы найти новость о том, что интересно вам.  Gmail. Используйте полнофункциональную версию Gmail, откуда можно посмотреть или отправить письмо. Отвечайте коллегам, изменяйте ярлыки, перенаправляйте почту или архивируйте её. Делайте практически всё, что можно было бы делать в обычной версии Gmail с помощью Black Menu.  Google Drive. Навигируйте по папкам и ищите документы в знакомом формате. Откройте свои документы как лист или как сетку. Нажмите на кнопку «добавить», чтобы загрузить файл или создать новый.  Google Календарь. Смотрите Ваши предстоящие мероприятия как список. Выберите, какие календари вы хотите видеть сбоку или просто найдите конкретные события.   Google Keep. Создавайте списки, напоминания или вставки фрагментов из Интернета. Все ваши заметки уже здесь, включая архивные. Организуйте и упорядочивайте их по своему усмотрению.  Страница приложений. Доступ к общедоступным (и старым) сайтам Google, таким как Google Contacts, Google Groups, Google Art Project, Google Follow Your World и более чем 450+ других!  Щелкните правой кнопкой мыши значок «Black Menu», чтобы отправить мне отзыв, предложение или сообщить о проблеме.

chrome.google.com


You May Also Like

About the Author: admind

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.