Прозрачный вверх сайта 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> Смотрим демонстрацию:  | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 3 | |
|
| |
