Modelo de Pesquisa |

Oi crazyrs, tudo bom? Ham, eu estou pensando em talvez fechar o GC, ainda não me decidi sobre isso mas logo mais vocês saberão. Desde de ontem to trabalhando, bom, não exatamente, é que o funcionário está de férias então fui ajudar minha mãe na administração, e dai ela me ensinou algumas coisas, eu já ia trabalhar lá, mas só em fevereiro só que agora acho que já comecei pra valer HEUEHEU, não é chato como eu imaginava que seria, é complicado, afinal é uma loja de peças pra carros, não é como loja de roupa que você poem lá no sistema "regata verde, tamanho M, preço de custo tal" apesar que muitas nem cadastram as peças HASUASJAS, e também tem a loja e o reboque, então tipo, mais trabalho, só que to gostando por enquanto k, enfim... Hoje tem um tutorial que eu acho bem legal, confere ai.

 Ah, não posso esquecer: feliz ano novo, tchau ano velho, que tudo se realize no ano que vai nascer (8 ...

Esse modelo é diferente, é feito por imagem, o que eu gosto bastante porque da uma liberdade e você pode fazer dele até um carnaval se quiser HEUEHEU, mas não façam isso criaturas T.T eu peguei ele do TTHY

Esse do exemplo é bem simples :3

É bem fácil aplicar ele, primeiro adicione esse código antes de ]]></b:skin>

/* Search */ #search {
outline: none;
width: 236px;
position: absolute;
margin-left: 700px;
margin-top: 70px;
color: #fff; }
#search form {
outline: none;
margin: 0px 0px 0px 0px;
padding: 5;}
 #search fieldset {
outline: none;
margin: 0;
padding: 0;
border: none;}
#search p {color: #fff;}
#s {outline: none;
background: url('http://static.tumblr.com/gofnwxm/gkxmxe5mz/pesquisa4.png') no-repeat;
width: 236px;
height: 43px;
border:none;
font-family: Tahoma;
font-size: 11px;
color: #fff;
loat:left;
display: inline-block;
padding-left: 11px;
padding-right: 6px;}
#searchsubmit {
outline: none;
background: url('IMAGEM') no-repeat;
border:none;
color:#fff;
height: TAMANHOpx;
display: inline-block;
margin-left: -VALORpx;
position: absolute;
cursor:pointer;
width: TAMANHOpx; }
#searchpage {border: none; }
#sform {
outline: none;
width: 230px;
border:none;
padding:4px 5px;}

 Você só precisa substituir o que está em NEGRITO, "margin-left" é a distância da esquerda, "margin-top" é a distância do topo e o link é o link da imagem, correto?

Agora adicione esse código em HTML/JavaScript, no gadget de cima ok?!

<div id="search"><form action="/search" method="get"><input type="text" id="s" name="q" value="" placeholder="" /><input type="submit" value="" id="searchsubmit"/></form></div>

E pronto, ele vai ficar com sua imagem e onde você posicionou :3
Fiz alguns bem simples para quem tiver com preguiça de criar a imagem.

 

 

 

Beijos, Brenda.