Modelo de pesquisa I

Olá~~

mais uma postagem que estou achando por ai, e essa vez mais um perdido do kawaii world, e eu estou a mostrar e isso nao acaba nunca, que estou salvando os codigos para vocês novamente, por isso coloque os créditos por mim e ao antigo blog, uol faliu estao tentando ativar novamente 

vamos conferir??? postagem curtinha para nao ficar tao grande este tutorial aprendi sozinha e vocês também pode, tutorial nivel basico

vá em ]]></b:skin>, e depois cole esse estilo

 

.search{

float: left;

}

.searchbar{

height: 19px;

width: 190px;

border-radius: 3px;

border: 1px solid #c5b09d;

background: #ec8eb4;

box-shadow: inset 0 0 20px #b7a375, 0 0 5px #f1dfb5;

text-align:center;

color:#b9aa8a !important;

font: 10px verdana !important;

-webkit-transition-duration: .30s;

}

.searchbar:hover{

height: 30px;

width: 190px;

border-radius: 3px;

border: 1px solid #d6c892;

background: #ec8eb4;

box-shadow: inset 0 0 20px #d6c892, 0 0 5px #f1dfb5;

text-align:center;

color:#b9aa8a !important;

font: 10px verdana !important;

-webkit-transition-duration: .30s;

}

.searchbut{

background: url('https://web.archive.org/web/20130404011154im_/http://i1234.photobucket.com/albums/ff411/SweetLG/160.png');

width:30px; /*Largura do botão*/

height:33px; /*altura do botão*/

border: 0;

padding:10px;

-webkit-transition-duration: .50s;

}

.searchbut:hover{

background: url('https://web.archive.org/web/20130404011154im_/http://i1234.photobucket.com/albums/ff411/SweetLG/161.png');

width:30px; /*Largura do botão*/

height:33px; /*altura do botão*/

border: 0;

padding:10px;

-webkit-transition-duration: .50s;

} 

 

e depois cole esse em html em gadget e salve, pode alterar o modelo a qualquer momento testei no template novo do kawaii world 

<form action="/search" class="search" method="get">

<input class="searchbar" id="s" name="q" type="text" value="" />

<input class="searchbut" type="submit" value="" />

</form>