Como personalizar caixa de busca + botões

Olá doces de leite ♥ *eu vou parar de chamar vocês desse jeito, pq me dá fome HEUAHEUAHE -q*

Já testaram essa setinha que volta ao topo? então, se não testou, vá fazer isso agora AUEHUAEH brincadeira. Então, ela tava meio ''bugada'' e eu dei um jeito nela, e agora tá a+. Advinha o que eu vim fazer aqui hoje?  *postar, ué uhush* além de postar, eu vim fazer o meu primeiro tutorial, olha que legal ♥ mas enfim, o tutorial de hoje vai ser: Como personalizar a caixa de busca. A Laila recebeu esse pedido lá no ask e me pediu pra fazer, então, cliquem em Leia mais pra conferir!

Vá em ModeloEditar HTMLAperte Ctrl + FPesquise por  ]]></b:skin>

ACIMA disso cole:

.SEARCH{ FLOAT: LEFT; FONT-FAMILY: ARIAL !IMPORTANT;} .SEARCHBAR{ HEIGHT: 20PX; /*ALTURA DA CAIXA*/ WIDTH: 120PX; /*LARGURA DA CAIXA*/ TEXT-ALIGN:CENTER; COLOR:#CORFONTE; BACKGROUND: #BACKGROUND!IMPORTANT; BOX-SHADOW: INSET 1PX 1PX 6PX #DCDCDC; FONT: 11PX ARIAL !IMPORTANT; BORDER: 2PX SOLID #000000; -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;</style> 

Tudo o que estiver em rosa você pode modificar a seu gosto. O que está escrito 'URL DO BOTÃO' e 'URL DO BOTÃO HOVER' é onde você vai colar o url do seu botão.

Agora siga os passos:

Vá em LayoutAdicionar um GadgetHTML Java/ScriptCole o seguinte código:

<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>

A frase que está em rosa você pode modificar para a frase que você quiser. Agora os botões:

         

      

    

    

Clique em Salvar e voilá! Sua caixinha está personalizada! Espero que tenham gostado, ah, fiquei de olho no meu blog porque daqui a pouco eu vou postar o primeiro capítulo do meu Imagine (depois de postar faq, about, blá blá blá). É isso ai, Malikisses e até a próxima!