Menu com caixa de busca

no dia 18 julho 2016


/* ==== menu retrátil madlyluv.com ==== */
.menu_mluv_retratil {width: 1400px; height: 67px; display: block; background:#a083c6; position: fixed; top: -125px; z-index: 100;  -webkit-transition:All 0.5s ease; -moz-transition:All 0.5s ease; -o-transition:All 0.5s ease; margin-left:-10px;}
.menu_mluv_retratil.mostrar {top: 0; position: fixed;  margin-left:-10px;}
.menu_mluv_retratil nav {margin: 0 20px; padding: 0; list-style: none; float: left;}
.menu_mluv_retratil nav a {line-height: 65px; color: #fff; text-transform: uppercase; padding: 0 10px; text-decoration: none;}
.menu_mluv_retratil nav a:hover {border-bottom: 2px solid #fff;}


<div class='menu_mluv_retratil'>
<nav>
<div style='margin-left:-100px;'>
<a href='/'>Página inicial</a>
&#10084;
 <a href='http://www.nomundodoslivros.com/p/anuncie.html'>Sobre</a>
&#10084;
 <a href='http://www.nomundodoslivros.com/p/resenhas.html'>Resenhas</a>
&#10084;
 <a href='http://www.nomundodoslivros.com/p/divulgue.html'>Contato</a>
&#10084;
<a href='http://maidydesign.blogspot.com.br/'>Créditos</a>
<div style='margin-top:-49px; margin-left:1090px;'>
<form action='/search' id='searchthis' method='get' style='display: inline;'>
<input id='pesquisafsm-caixa' name='q' placeholder=' Procure no blog' size='30' type='text'/>
<input id='pesquisafsm-botao' type='submit' value='Buscar'/>
</form>
</div>
</div>
</nav>
</div>



#pesquisafsm-caixa:hover {opacity:1;}
#pesquisafsm-caixa { background: #eee; padding:10px; border:0 none; width:150px; opacity:0.6;} #pesquisafsm-botao { border: 1px solid #222; color: #b27d90; padding-left:10px; padding-top:10px; background: #fff; margin-left: -3px; color:#a8d2cd; font: 'trebuchet ms', trebuchet; padding:10px 20px; border:0 none; font-weight:bold; } #pesquisafsm-botao:hover { color: #eee; border: 2px solid #bbb; padding-left:8px; padding-top:8px; background: #ffb3ce; margin-left: -3px; color:#fff; font: 'trebuchet ms', trebuchet; padding:8px 18px; font-weight:bold; }
h55 { font-size:16px;  font-family: 'Open Sans Condensed', sans-serif;  text-align: left; margin-left: -10px; margin-top:-30px; line-height:20px; width:180px; position: absolute;  }
http://loja.cozinhadoquintal.com.br
Comente com sua conta Blogger
Comente com sua conta Google+

Nenhum comentário, comente também!

Postar um comentário

Postagens mais visitadas

Minha lista de blogs