Modelos de caixa de pesquisa - WBC

Um post rapidinho para vocês espero que gostem 

caixa de busca do wbc ~~

leia mais

 Vá ate seu HTML e procure por ]]></b:skin>. E acima dele, cole:

.search{

float: left;

font-family: arial !important; /* Fonte do campo de texto*/

}

.searchbar{

height: 20px; /*Altura da caixa*/

width: 120px; /*largura da caixa*/

text-align:center;

color:#000000; /* cor da fonte da caixa*/

background:#dcdcdc!important; /* cor de fundo da caixa */

box-shadow: inset 1px 1px 6px  #dcdcdc; /* sombra interna*/

font: 11px arial !important; /*fonte do texto*/

border: 2px solid  #000000; /* borda */

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

}

.searchbut{

background: url('URL DO BOTÃO');

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

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

border: 0;

padding:2px;

}

.searchbut:hover{

background: url('URL DO BOTÃO HOVER');

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

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

border: 0;

padding:2px;

}

Arrume as partes que estão em negrito, não precisa explicar já que o código e auto explicativo, salve e agora siga ate seu layout e lá abra um gadget de HTML/Javascript, dentro dele cole:

Códigos

<form action="/search" class="search" method="get"> <input class="searchbar" id="s" name="q" placeholder='Digite o que procura' type="text" value="" /> <input class="searchbut" type="submit" value="" /> </form>

Se usarem não esqueçam de creditar.  Qualquer duvida e só perguntar.