caixa de pesquisa com botao de busca

Olá crianças da tia Roh (◡‿◡✿) como vão? Agora sim estou bem e aliviada, porque? Porque finalmente consegui responder e retribuir todos os comentários que estavam pendentes. Cara parece que tu tira um peso das costas sabe? Nossa eu estava me sentindo muito mal, sabem que odeio demorar para atender a todos parece que a gente não liga, mas sabem que não é isto não é mesmo? Acho que o assunto sobre eu sumir mas sempre voltar e demorar para responder a todos não é mais tabu certo? Bem, sabem que estou bem feliz e ansiosa? O motivo? Então, dia 1º de agosto pego minhas férias e fico em casa 30 dias ( ﾟ▽ﾟ)/ Estou até sonhando com este dia rsrs, cara to bem cansada e precisando mesmo de um tempo só pra mim. Quero andar de patins, quero viajar, ir na praia, tipo fazer coisas que não faço a tempos, nada melhor que férias para isso certo?

Mas então lindos, mudando de assunto, hoje trago pra vocês um modelo bem fofo para caixa de pesquisa, sei que ninguém me pediu mas me deu vontade de postar um tutorial assim >.< E em dois anos de blog eu só postei dois modelos diferentes, que no caso é bem pouco para tanto post eu acredito u.u Ele é um modelo bem fofo iguais aqueles que a gente costumava a usar antigamente lembram? Aqueles bem fofinhos com o botão de busca, até nem sei porque nunca mais ninguém postou modelos assim pois eu achava um mimo. Acredito que seja porque os atuais são bem mais práticos por serem fáceis de criar sem o tal botão não é? Bem eu irei matar a minha saudade e talvez a saudade de quem gostava de modelos assim. Prestem atenção nos códigos e só mudem o que se pede ok? Beijocas coisas fofas da Roh e peçam mais coisas na ask pois ela está vazia! (｡´∀｀)ﾉ

LIVE PREVIEW (❥)

Vá até o seu modelo e dentro procure por:  ]]></b:skin> e acima dele cole o seguinte código:

/*** CAIXA DE PESQUISA POR GNMH***/
input, textarea, option, select, button form{
font-family: PF Arma Five;
font-size: 8px;
color:#fff;
text-shadow: 1px 1px 1px #ccc;
background:#COR; *MUDE*
border: solid 1px #COR; *MUDE*
text-align: center;
height: ALTURApx; MUDE*
width: TAMANHOpx; *MUDE*
transition:All 0.7248s ease-in-out;
-webkit-transition:All 0.7248s ease-in-out;
-moz-transition:All 0.7248s ease-in-out;
-o-transition:All 0.7248s ease-in-out;
border-radius: 2px;cursor: pointer;}
input:focus{outline:none;}
*::-moz-selection {
background:ffdbde;
color: #B7ABBB;
text-shadow: 0 1px 0 #ffffff;
}
.searchbut{
background:#COR; *MUDE*
border: solid 1px #COR; *MUDE*
width:TAMANHOpx; *MUDE*
height:ALTURApx; *MUDE*
padding:px;
}

E dentro de um gadget coloque o código abaixo e cole:

<form action="/search" method="get">
<input type="text" name="q" value="Digite o que procura"/>
<input class="searchbut" type="submit" value="Ok!" />
</form>