» »

Прозрачный вверх сайта uCoz с поиском


Если вы собираете оригинальный ресурс, то думаю вам нужно присмотреться к материалу Прозрачный вверх сайта uCoz с поиском который выполнен по дизайну в оригинальном и стильном виде. Сама полоса темная, но имеет прозрачность, которую как полагаю вы можете сами выставить. Вместо логотипа будет красивая надпись, которую вы можете обратить в желтый оттенок или как показано здесь, разбить на половину. Но и безусловно в глаза бросается поиск по сайту и от него левее гость или пользователь может зайти под своим логином на сайт. Он сам по себе небольшой, но функций в нем очень много и те которые нужны для ведение блога.

В самый вверх сайта.

Код
<div class="top-header">
  <div class="container">
  <div class="row">
  <div class="col-sm-3 text-xs-center text-sm-left"><strong class="logo"><a href="http://zornet.ru/">Zor <span>Net.Ru</span></a></strong></div>
  <div class="col-sm-6">
   
  <form onsubmit="this.sfSbm.disabled=true" method="post" class="search-form" action="/load/">
  <div class="btn orange fr"><button type="submit" name="sfSbm">Найти</button></div>
  <div class="text"><input type="text" name="query" placeholder="Найти фильм?"></div>
  <input type="hidden" name="a" value="2">
  </form>
   
  </div>
  <div class="col-sm-3">
  <ul class="user-menu">
   
  <li><a title="Регистрация" href="/register"><!--<s3089>-->Регистрация<!--</s>--></a></li>
  <li><a title="Вход" href="javascript://" rel="nofollow" onclick="new _uWnd('LF',' ',-250,-110,{autosize:0,closeonesc:1,resize:1},{url:'/index/40'});return false;"><!--<s3087>-->Вход<!--</s>--></a></li>
   
  </ul>
  </div>
  </div>
  </div>
  </div>


Эти стили прописываем сразу ниже первого кода.

Код
<style type="text/css">  
@import url('http://zornet.ru/SKRIPT/ZR/granve/style.min.css') all;  
</style>


Смотрим демонстрацию:

24.06.2015 Просмотров: 509 Комментарий: (4)

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

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

Комментарий: 4
Kosten
Kosten 24.06.2015 21:581
0
Друзья в первые рип делаю, по demo встало нормально, возможно что не правильно, взял сайта kinobaza.ucoz.ua, посмотрите плиз.
Slavik
Slavik 24.06.2015 23:362
0
Kosten, Круто! wink
Kosten
Kosten 24.06.2015 23:393
0
Slavik, на тестовый сайт не ставил, только demo, хотя оно может прикатить за тест.
kredit-oformi
kredit-oformi 25.06.2015 06:194
0
Kosten, Поздравляю с первым рипом и отлично смотрится, правда пока негде протестовать ну думаю время придет и протестующим.
avatar