Menu com caixa de pesquisa

no dia 28 julho 2015


<div class="conteudo-menu">

<div id='menuWrapper'>
    <div class='menu'>
    <ul>
    <li><a href="http://blog-de-testes-17.blogspot.com.br/">Home</a></li>
   
    <li><a href="#">Nome da aba</a>
    <ul>
    <li><a href="URL">Nome da aba</a></li>
    <li><a href="URL">Nome da aba</a></li>
    <li><a href="URL">Nome da aba</a></li>
    <li><a href="URL">Nome da aba</a></li>
    </ul>
    </li>


<li><a href="URL">Nome da aba</a></li>
<li><a href="URL">Nome da aba</a></li>
<li><a href="#">Nome da aba</a>
    <ul>
   
    <li><a href="URL">Nome da aba</a></li>
    <li><a href="URL">Nome da aba</a></li>
    <li><a href="URL">Nome da aba</a></li>
    </ul>
    </li>
<li><a href="URL">Contato</a></li>

<li>
<style>
#searchbox {
    background: transparent;
    border: 0px solid #e8e8e8;
    padding: 20px 10px;
margin-top: -15px;
    width: 290px;
}

input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus:-moz-placeholder {
    color: transparent;
}

input:focus::-moz-placeholder {
    color: transparent;
}

#searchbox input {
    outline: none;
}

#searchbox input[type="text"] {
    background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjawr9CFW6zUW7KDIlCCDyTeHsf2TtYrSxkX2w-fzMr5-DZCpPrUFsLqrTTWzcBTM4YMZcr6iImG-bMLQdRhDK_HJNJlyky8urCzcCCT1lgSZ7_VHONTYStDhLmM-U2yUwK0t8pYRV9m4-O/s1600/search-dark.png) no-repeat 10px 6px #f9f9f9;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #bebebe;
    width: 55%;
    padding: 8px 15px 8px 30px;
}

#button-submit {
    background: #EE5174;
    border-width: 0px;
    padding: 9px 0px;
padding-top: 5px;
padding-bottom: 5px;
    width: 25%;
    cursor: pointer;
    font:  15px 'Source Sans Pro',Arial, Helvetica;
    color: #fff;
    }

#button-submit:hover {
    background: #666;
}

#button-submit:active {
    background: #000;
    outline: none;
}

#button-submit::-moz-focus-inner {
    border: 0;
}
</style>

<form id="searchbox" method="get" action="/search">
<input name="q" type="text" size="15" placeholder="Pesquise aqui..." />
<input id="button-submit" type="submit" value="Pesquisar" />
</form>
</li>
    </ul>


 



</div></div></div>
http://loja.cozinhadoquintal.com.br
Comente com sua conta Blogger
Comente com sua conta Google+

Postagens mais visitadas

Minha lista de blogs