Image Map

Tutorial:Caixa De Pesquisa

oooi Cheguei u-u 
Bom Vim Trazer Mais Um Tutorial Legal Pra Vocês 
Bom e a Caixa De Pesquisa ou Caixa Dos Perdidos haha
Bom Se Quiser Saber Clique Em Leia-Mais 
Bora?
1. Vá até Design > Editar HTML e procure por ]]></b:skin>. Acima da tag que você acabou de achar, cole o seguinte:

.search{
float: left; 
}
.searchbar{
height: 20px;
width: 200px;
border-radius: 2px;
border: 1px solid #8d8d8d;
background:#bcbcb9;
text-align:center;
color:#2f2f2e !important;
font: 10px verdana !important;
text-shadow:0 2px #fff;
}
.searchbut{
background: url('LINK DA IMAGEM DO BOTÃO');
width:39px; /* largura da imagem /*
height:33px; /* altura da iamgem /*
border: 0;
padding:10px;

2. Depois de personalizar como você quiser, coloque o seguinte código em um gadget de HTML/JavaScript:
<form action="/search" class="search" method="get">
<input class="searchbar" id="s" name="q" placeholder='Perdido?' type="text" value="" />
<input class="searchbut" type="submit" value="" />
</form>

Se Quiser Troque Perdido Por Qualquer outra coisa 
Espero que tenham Gostado =D
Beijinhos



Nenhum comentário:

Postar um comentário