26/11/2012

Caixa de busca Personalizada!


Hoje vou ensinar a personalizar a Caixa de busca igual aqui do blog!

Clique em Leia Mais para ver o tutorial!


Vá no html e procure por:


]]></b:skin> 


E acima do código procurado cole:


/*Para remover o logo do google*/.gsc-branding-text, .gsc-branding-img-noclear {display:none;}/* Personalização do Campo de texto */td.gsc-input input {border: 2px solid #e7e7e7; background:#fff; color:#ff0048; font-family:verdana; font-size:11px; } /* Fim da personalização do Campo de texto *//*personalização do botão*/input.gsc-search-button {font-family:'trebuchet ms'; font-size:14px; color:#fff; background:#ff0066; border:0px; font-weight:normal;  -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }input.gsc-search-button:hover {background:#f8a9c9; color:#fff;} /*fundo e cor do texto quando passa o mouse*//*fim da personalização do botão*/}


Mude como quiser!

Bjo!

Crédito:Cherry bomb

2 comentários:

  1. Eu só tenho afiliação, mas se quiser afiliação aceito.
    Depois de colocar na pareceria no seu blog avise e eu coloco nos meus afiliados
    Beijinhos

    ResponderExcluir
  2. Conseguir personalizar, obrigada pelo tutorial !
    Bjss... http://lugar-feminnino.blogspot.com.br

    ResponderExcluir