domingo, 29 de janeiro de 2012

Caixinha de buscar personalizada!

Tumblr_lv9y808iz11r1iat9o1_500_large
hoooy pessoal!
então,hoje vai ser um tutorial :D
Caixinha de buscar personalizada!
então vamos ver?avante guerreira :3


primeiro vamos ver a caixinha de busca:




em segundo vá em design~adicionar Gadget~HTML/Javascript
cole:



       <form action="/search" class="search" method="get">
<input class="searchbar" id="s" name="q" type="text" value="" />
<input class="searchbut" type="submit" value="" />
</form>
 



agora vá no seu HTML,de CTRL+F e nela pesquise:



    .search{
float: left; /* Flutuando a esquerda, poderá também mudar para Right (Direita) e Left (Esquerda) */
font-family: TahomaTahoma; /* Fonte */
}
.searchbar{
height: 20px;
width: 140px;
color: #FF82AB; /* Cor da fonte  */
-moz-border-radius: 6px;-webkit-border-radius: 6px;-goog-ms-border-radius: 6px;background: #FFF; /* Cor de fundo da parte onde escrevemos */
}
.searchbut{
background: url('http://i39.tinypic.com/25ezh8z.png'); /* Link da imagem do botão de pesquisar*/
width:30px;
height:30px;
border: 0;
padding:7px;
}
 


agora só fazer as alteçoes!
ou deixar do jeito que está! (fika cute tbm...)


bj bj


créditos aqui :3

11 comentários:

  1. Hey
    gostei do tuto
    eu já coloquei ele no meu blog
    ah muiito tempo
    bjs

    gpurple.blogspot.com

    ResponderExcluir
  2. adorei a ideia, acho que vou criar uma pagina dessas no spazio, ta começando a ficar com mts páginas rs
    bjs

    ResponderExcluir
  3. Adorrrei , vou fazer no meu blog concerteza :) . beijus garotasmustache.blogspot.com

    ResponderExcluir
  4. Olá!
    Que bom que você gostou do selinho, já o pegou?


    Beijos!

    -- A Surpresa finalmente foi revelada! Dê uma olhada, se gostar comente! --

    Julia Muller
    Trendy Girl

    ResponderExcluir
  5. *Hooy, participe desse concurso, com o premio de 2 layouts! Vai perder? http://the-lovers-world.blogspot.com/2012/01/concurso-eu-quero-um-layout.html

    ResponderExcluir
  6. Oi estou segunido aqui pode retribuir?? ahh está tento um concurso valendo 2 layout Participa la...
    http://www.kawaii-world.net/2012/01/sorteio-quero-um-layout.html

    ResponderExcluir
  7. Ah vou ter que fazer uma dessas caixinhas de busca pro meu blog hehe, tá precisando, bjinhos
    http://blogdaingridzinha.blogspot.com/

    ResponderExcluir
  8. Eu acho bem fofo, essas caixinhas, mas eu não acho uma utilidade nela por isso nem coloco kkk

    http://portrasdorimel.blogspot.com/

    ResponderExcluir
  9. Nunca tinha visto um tutorial como este,mas adorei. Já estou seguindo o seu blog flor,adoraria que retribuisse,seria mais do que uma honra! :)

    www.the-fantastic-place.blogspot.com

    ResponderExcluir
  10. Estava procurando um tuto que ensinasse a colocar essa caixinha, obrigada Lara.
    Beijão ;*;*
    http://chica-de-cristal.blogspot.com

    ResponderExcluir
  11. Adoro baras de pesquisa assim lindas.

    ResponderExcluir

Pra comentar visualize nossas regras:
-Sem xingamentos
-Críticas não são bem-vindas
-Não cometo plágio, por tanto é melhor que nem me acuse
-Se tem algum brush ou acessório que é seu me informe, as vezes esqueço dos créditos
-Deixe o internetês fora do meu blog
-Escreva claramente sobre o que quer no blog
-Coments como: Seguindo segue de volta, serão ignorados. Assim também: Amei o post! Link de seu blog também não serão aceitos
-Se quiser falar com uma de nossas postadoras visite o blog delas, eu que modero os comentários não irei saber se é pra mim ou não!

Lara agradece a compreensão!

LinkWithin

Related Posts Plugin for WordPress, Blogger...

Meu amigo