» »

Горизонтальное меню плюс поиск по сайту для uCoz


Горизонтальное меню плюс поиск по сайту для uCoz

Сейчас уже редко можно представить на сайте Горизонтальное меню плюс поиск по сайту для uCoz, где сам поисковик, очень органично вписан. И работает он не при нажатие а приходиться все делать через клавиатуру, а точнее прописываем, что искать и нажимаем Enter, что для всех должно быть известно. У него есть красный оттенок цвета, хотя сам состоит полностью темный. Сама гамма будет появится при наведение на тот или иной раздел или рубрику, которую пропишите. Так больше не чего в нем такого выдающего нет, что можно ставить как на ресурс или на модуль, к примеру блог. У вас в поисковой задаче может быть не ровно стоять, так как не под ваш портал был сверстан, это все можно быстро поправить, найдя в стилях height: 32px и выставить как вам нужно, а возможно все встанет как нужно, но вы можете здесь сами все сделать.

Код:

Код
<div class="site_menu2">
   
  <div class="menu-categories">
  <a href="/">Главная</a>
  <a href="http://zornet.ru">Скрипты</a>
  <a href="/">ZORNET.RU</a>
  <a href="/">Шаблоны сайта</a>
  <a href="/">Все для uCoz</a>
  <a href="/">Программы</a>
  <a href="/">Связь</a>
</div>
   
<div style="float:right;">
<form onsubmit="this.sfSbm.disabled=true" method="get" action="/search/" class="h_search">
<input type="submit" name="sfSbm" value="">
<input type="text" name="q" value="Введите текст поиска и нажмите Enter..." onblur="if(this.value=='')this.value='Введите текст поиска и нажмите Enter...'" onfocus="if(this.value=='Введите текст поиска и нажмите Enter...')this.value=''">
</form>
</div>

  </div>


CSS:

Код
.site_menu2 {overflow: hidden; background: url(http://zornet.ru/CSS-ZORNET/Grety/Menu-2/grid_bg.png) #333; border-radius:3px 3px 0 0 ;-webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0x; padding-top:3px; margin: 3px 0 5px; height: 35px;padding-left:10px;line-height: 30px;font-weight:bold;border-top:1px solid #171717; -webkit-box-shadow:0 2px 3px -2px rgba(0,0,0,0.4); -moz-box-shadow:0 2px 3px -2px rgba(0,0,0,0.4); box-shadow:0 2px 3px -2px rgba(0,0,0,0.4);}
.site_menu2 a {display: block; float: left; color: #ddd; font-size: 11px;padding:0px 8px 0 8px;line-height: 30px; font-family:arial; }
.site_menu2 a:hover {display: block;background: #ba3535;border-radius:3px;-webkit-border-radius: 3px; -moz-border-radius: 3px; float: left; color: #fff; font-size: 11px; text-decoration:none;}
.s_m2_l {float:left;margin-left:-10px;}
.s_m2_l img {height:36px;padding-top:3px;}

.h_search {float:right;margin:0 6px;}
.h_search input[type="text"] {-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:0; background:#fff; padding:0; height:32px; font:12px Arial; color:#191919; line-height:22px; text-indent:10px; width:256px; outline:none; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.h_search input:focus[type="text"] {border:0;}
.h_search input[type="submit"] {display:none;}


31.05.2015 Просмотров: 485 Комментарий: (0)

Поделиться в социальных сетях

Материал разместил

Комментарий: 0
avatar