Modelos para caixa de pesquisa

Yoo' tudo bem? Sei que ta meio tarde (meio? ta tarde hhjkkgk) mas nobody yes door, porque ta na hora do frevo -qq bem, eu fiz uns modelinhos bem fofod pra caixa de pesquisa c: Eu já tinha o código (fiz pr meu outro blog), ai eu só mudei as cores e vou passar pra vocês, porque eu sou legal d+, me amem -qq
Ok Raísa, chega de falar besteira (naon quero -qq), vamos aos códigos...

Escolham o modelo que mais te agradar e cole no seu Layout em um HTML/Js

<style>.search{float: left;}.searchbar{background:  #FFC1C1;height: 25px;width: 200px;border: none;-webkit-box-shadow: inset 0px 0px 10px #FF82AB;-moz-box-shadow: inset 0px 0px 10px #FF82AB;-ms-box-shadow: inset 0px 0px 10px #FF82AB;-webkit-boder-radius: 2px;-moz-boder-radius: 2px;-o-boder-radius: 2px;font-family: 12px Open Sans;text-shadow: 1px 1px 0px #FF82AB;float: left;margin: 3px;color:#fff;text-align: center;}</style><div style="margin-left: -3px;"><form action="/search" class="search" method="get"><input class="searchbar" id="s" name="q" placeholder='' type="text" value="" /></form>
</div>

<style>
.search{float: left;}.searchbar{background:  #EED5D2;height: 25px;width: 200px;border: none;-webkit-box-shadow: inset 0px 0px 10px #D8BFD8;-moz-box-shadow: inset 0px 0px 10px #D8BFD8;-ms-box-shadow: inset 0px 0px 10px #D8BFD8;-webkit-boder-radius: 2px;-moz-boder-radius: 2px;-o-boder-radius: 2px;font-family: 12px Open Sans;text-shadow: 1px 1px 0px #D8BFD8;float: left;margin: 3px;color:#fff;text-align: center;}</style><div style="margin-left: -3px;"><form action="/search" class="search" method="get"><input class="searchbar" id="s" name="q" placeholder='' type="text" value="" /></form>
</div>



<style>.search{float: left;}.searchbar{background:  #E6E6FA;height: 25px;width: 200px;border: none;-webkit-box-shadow: inset 0px 0px 10px #B4CDCD;-moz-box-shadow: inset 0px 0px 10px #B4CDCD;-ms-box-shadow: inset 0px 0px 10px #B4CDCD;-webkit-boder-radius: 2px;-moz-boder-radius: 2px;-o-boder-radius: 2px;font-family: 12px Open Sans;text-shadow: 1px 1px 0px #B4CDCD;float: left;margin: 3px;color:#fff;text-align: center;}</style><div style="margin-left: -3px;"><form action="/search" class="search" method="get"><input class="searchbar" id="s" name="q" placeholder='' type="text" value="" /></form>
</div>

<style>.search{float: left;}.searchbar{background:  #FFFACD;height: 25px;width: 200px;border: none;-webkit-box-shadow: inset 0px 0px 10px #FFEC8B;-moz-box-shadow: inset 0px 0px 10px #FFEC8B;-ms-box-shadow: inset 0px 0px 10px #FFEC8B;-webkit-boder-radius: 2px;-moz-boder-radius: 2px;-o-boder-radius: 2px;font-family: 12px Open Sans;text-shadow: 1px 1px 0px #FFEC8B;float: left;margin: 3px;color:#fff;text-align: center;}</style><div style="margin-left: -3px;"><form action="/search" class="search" method="get"><input class="searchbar" id="s" name="q" placeholder='' type="text" value="" /></form>
</div>

Se quiserem podem modificar as cores pra combinar com o seu layout, só não se esqueça dos créditos ok? Espero que gosteme usem c: Tchau, beijo

10 comentários:

  1. ke caixas perfas szsz amosou qq.
    talvez use qnd fazer algo k preste
    ~~chu

    ResponderExcluir
  2. Que caixinhas lindas ! Só achei a amarela muito clara :/
    Talvez eu vou usar no próximo lay :3
    http://californiand.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. obg c: tb achei o amarelo meio claro kk vou tentar arrumar depois

      Excluir
  3. Que caixinhas lindas,ficaram muito fofas >3<
    http://thewinnterwinds.blogspot.com.br/

    ResponderExcluir