quinta-feira, 19 de julho de 2012

x Caixa De Pesquisa Personaliizada

1- Vá em Painel, Design, Editar HTML, aperte CTRL+F, procure por e ]]> cole ACIMA do ]]> cole o codigo abaixo & save :

 .search{ float: left; /* Flutuando a esquerda, poderá também mudar para Right (Direita) e Left (Esquerda) */ font-family: Tahoma, Tahoma; /* Fonte */ } .searchbar{ height: 20px; width: 140px; color: #FF82AB; /* Cor da fonte */ -moz-border-radius: 6px;-webkit-border-radius: 6px;-goog-ms-border-radius: 6px;background: #FFF; /* Cor de fundo da parte onde escrevemos */ } .searchbut{ background: url('http://i39.tinypic.com/25ezh8z.png'); /* Link da imagem do botão de pesquisar*/ width:30px; height:30px; border: 0; padding:7px; }


1- Vá em Painel, Design, Elementos da página e adicione um gadget Html/JavaScript e cole o código a seguir sem fazer NENHUMA modificação:

<form action="/search" class="search" method="get">
<input class="searchbar" id="s" name="q" type="text" value="" />
<input class="searchbut" type="submit" value="" />
</form>



                                                                                                             

Nenhum comentário:

Postar um comentário