07 agosto, 2012

Tutorial-Caixa de Pesquisa Personalizada

BOA NOITE! Eu vou dormir depois desse post, já tá tarde, e tenho escola amanhã :...(
Vamo lá:

Vc pode mudar o botão de pesquisa pegando o url da imagem(qualquer imagem)
1->Layout->Adicionar um Gadget->HTML/Java Script->Cole esse código:
<form action="/search" class="search" method="get">
<input class="searchbar" id="s" name="q" placeholder='Digite o que procura' type="text" value="" />
<input class="searchbut" type="submit" value="" />
</form>
Vc pode mudar o que está destacado por qualquer outra palavra.
2->Modelo->Editar HTML->Prosseguir->Ctrl+F e procure por:]]></b:skin>
3->Cole esse código ANTES do que vc procurou:
.search{


float: left;

font-family: Century Gothic !important; /* Fonte do campo de texto*/
}
.searchbar{
height: 20px; /*Altura da caixa*/
width: 190px; /*largura da caixa*/
border-radius:15px;
background:#fff;
text-align:center;
color:#ff048c !important; /*cor do texto*/
font: 12px Century Gothic !important; /*fonte do texto*/
}
.searchbut{
background: url('Url da imagem do botão');
width:30px; /*Largura do botão*/
height:30px; /*altura do botão*/
border: 0;
padding:7px;
}

E pronto! Até amanhã galera!XAU!

2 comentários:

  1. Eu nao acredito que vc tinha esse tutorial? dia desses morri de procurar, agora ja encontrei!

    ResponderExcluir
  2. ixe to achando legal seu Blog Vamos faser parceria meu Super-Designer que é o www.designer-yes.blogspot.com com o seu manda ai seu banner ta fofa

    ResponderExcluir