The Moon Reverse ミ✩: Modelos para caixa de pesquisa

1 de outubro de 2013

Modelos para caixa de pesquisa

Olá, pessoas ♥ Tudo certo com vocês? E novamente estou com problemas no Photoshop, acreditam? Não consigo salvar mais as coisas, etc., por isso estou fazendo tudo pelo cs5, eu até queria trazer materiais para vocês mas detesto usar o cs5 para criar e fazer as coisas, então aproveitei o pedido na ask. Bom, trouxe hoje dois modelinhos para caixa de pesquisa feitos por mim, esse tipo de coisa é bem difícil de se ver creditando, então peço que creditem em um lugar visível com redirecionamento ao blog, até porque usar sem ao menos creditar não é algo legal de se fazer, não é gente. Se for trocar as cores tome cuidado para não mexer muito, ok? ~

00. Antes de usá-los cole isso abaixo em um gadget de Html/Java.
<form action="/search" class="search" method="get"> <input class="searchbar" id="s" name="q" type="text" value="Texto que vai querer por..." /> <input class="searchbut" type="submit" value="Go" /> </form>



01. Cole o código abaixo acima de ]]></b:skin>
.search{ /* Nesta parte não mude NADA */
float: center;
font-family: silkscreen;
font-size: 8px;
}
.searchbar{
width: 180px;
background: #ffdbc1;
box-shadow: inset 0 0 22px #ffc8a2, 0 0 4px #ffc8a2;
font-family: Verdana;
font-size: 12px;
font-style: italic;
color: #ffbd8d;
text-shadow: 1px 1px 2px #fff7f2;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 8px;
padding-right: 8px;
border: 1px solid #ffc194;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.searchbut{
width: 50px;
background: #ffa6ae;
box-shadow: inset 0 0 22px #ff8f99, 0 0 4px #ff8f99;
text-shadow: 1px 1px 0px #ff4d5d;
color: #fff;
border: 1px solid #ff9ca5;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px
}


01. Cole o código abaixo acima de ]]></b:skin>
.search{ /* Nesta parte não mude NADA */
float: center;
font-family: silkscreen;
font-size: 8px;
}
.searchbar{
width: 170px;
background: #fff;
box-shadow:  0 0 0px #ffc8a2;
font-family: Verdana;
font-size: 12px;
font-style: italic;
color: #ebebeb;
text-shadow: 0px 0px 0px #fff7f2;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 8px;
padding-right: 8px;
border: 1px solid #ebebeb;
}
.searchbut{
width: 50px;
background: #ffadb5;
box-shadow: inset 1px 1px 0px #ffbec4, 0 0 0px #ff8590;
text-shadow: 1px 1px 0px #ff4d5d;
color: #fff;
border: 1px solid #ff6674;
margin-right: 5px;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 5px;
padding-right: 5px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

textsms      56 comentários

  1. Que coisas mais lindas >.< amei todas as 2, amore estão perfeitas!!! Kissus.

    ResponderExcluir
  2. Adorei o segunda modelo,vou usar no próximo layout! ^3^

    Kissus || Buying-stars.blogspot.com

    ResponderExcluir
  3. Muito fofos mesmo, amei o segundo! Talvez eu o use no novo lay do blog (creditando, claro-
    Kisses
    Purple Star

    ResponderExcluir
  4. Também estou com problemas no PS, e é o mesmo!
    Gostei do modelinho, pena que já achei um para o meu ovo layout :T

    sweeethtm-l

    ResponderExcluir
  5. Todas linds, Mack.... sore o tutorial dos comentarios, eles não pegaram :i sabe me informar porq?

    ResponderExcluir
    Respostas
    1. Acho que foi você que perguntou na ask, eu lhe respondi... Mas enfim tem que usar esse código aqui ç33ç okay ? Espero que ajude <3

      Excluir
  6. Eu uso o photoshop cs3. Na minha opinião, ele é o melhor pois tem o que eu preciso e não trava :3 acho o cs5 e o cs6 muito cheios de frescurinhas u-u
    Eu acho esse lay muito fofo e original *u*
    Adorei os modelos, quando eu for trocar meu lay, vou usar o primeiro, ok? >3<
    Beijos :*
    nyanko-no-sekai

    ResponderExcluir
    Respostas
    1. AHUEHAUE' O cs5 é cheio de frescuras mesmo mas para mim continua sendo meu preferido *-* Obrigada Isabel <3

      Excluir
  7. Que lindos esses modelos, acho que vou usar u3u

    Visita? É novinho <3
    www.c-astle.blogspot.com.br

    ResponderExcluir
  8. Lindas as caixas de pesquisa.Fica até complicado escolher qual delas usar no template!

    Gweender

    ResponderExcluir
  9. Cara, eu modelo mais divo que o outro, e olha que eu estou precisando *u* Diva ♥ Eu sei que eu sempre falo isso e que vou usar e blá, blá, blá, mas infelizmente às vezes não dá, UHAHU' Agora prometo que irei usar >o<"

    Um grande beijo,

    Juu-Chan || Nescau com Nutella

    ResponderExcluir
  10. Que diwas *--* vou usar a primeira no meu próximo lay u3u

    cupcake-de-amora.blogspot.com

    ResponderExcluir
  11. Que lindos, principalmente o primeiro modelo c:

    h-worlds.blogspot.com

    ResponderExcluir
  12. Achei o segundo modelo muito fofoso,talvez eu use num próximo lay c:

    Visita, e se puder, segue? ♥
    i-tsraining.blogspot.com

    ResponderExcluir
  13. Amei os modelinhos, principalmente o primeiro, ele está muito perfeito e original, ameeei Mack divosa ♥

    W-assup

    ResponderExcluir
  14. O meu photoshop também está com problema, ele não estava abrindo. Mas depois de reiniciar o computador eu consegui abrir.
    Adorei o primeiro modelo ;3

    Beijos da Lets | Vida de uma SONE

    ResponderExcluir
  15. Que perfeitos *O* Quando eu for trocar meu layout, com certeza vou usar ele *u* lovei dms, sério HUE
    Af eu também tô com isso, fico toda hora tendo ideias pro próximo layout e dá vontade de fazer um post lá 'Começando novo layout' mas estou com esse lay faz muito pouco tempo :/ vai dar um mês ainda AHAUEHU
    Eu só uso o CS5 -q nau tenhu o CS6 T-T
    /the-snow-fairy

    ResponderExcluir
  16. Que caixinhas fofas *u*
    Adorei o segundo modelo.

    http://rabbitpixel.blogspot.com.br/

    ResponderExcluir
  17. Amei os dois modelos, porém gosto de coisas mais simples então prefiro a segunda :33

    Kissus,
    Fireflies ~

    ResponderExcluir
  18. Tomara que consiga usar o ps normalmente DD: O meu acho que é o cs5, ou 4 AUHSUASHSA eu não vejo muita diferença se quer saber x.x' Gostei do modelo dois :3 Ultimamente eu tenho colocado a barrinha de pesquisa no cabeçalho, aí nem fica tão fofa assim ;A; É que fazer um gadget só pra ela é meio chato pra mim q

    Kissu :*

    ResponderExcluir
    Respostas
    1. HAUSHA' Já consegui *-* Eu acho bem mais legal adicionar um gadget para a pesquisa, mas no cabeçalho também fica original :)
      Obrigada Saki <3

      Excluir
  19. Que modelos lindos <3
    Amei todos, fiquei até em dúvida em relação a qual irei utilizar ♥
    Beijos || Fairy Falling


    ResponderExcluir
  20. adorei o segundo modelinho lindo.mais o primeiro tambem é perfeito..............bjkas amore suahsuahsuahus

    bom domingo ta..........

    http://louca-por-html.blogspot.com.br/

    ResponderExcluir
  21. Espero que seu Photoshop melhore, boa sorte ^^ UAEHHAUEHUEHUH
    Anw, amei os dois modelos, ficaram muuuuuuuuuuuuuuito diwos. O primeiro foi meu favorito!

    Beijos ♡ ~
    Garotas Atrevidas ~ retribui a visita? >3<

    ResponderExcluir
  22. Que lindas *u*
    salvei a segunda aqui ^^

    http://welcome-to-kawaii-land.blogspot.com.br/

    ResponderExcluir
  23. Muito liindos. O blog de vcs é muito lindo, parabéns <3

    htmlandresources.blogspot.com

    ResponderExcluir
  24. Awnn Mack lindo os modelos *---*
    Shusahus eu também sou assim, sempre mudo de layout em menos de um mês haha >.<

    ~ Beijos ;*
    cantinhodaslovelys.blogspot.com.br

    ResponderExcluir
  25. Awn amei a caixinha quadradinha >3<
    Vou guardar para usar no próximo lay *y*

    http://breathingnewthings.blogspot.com.br/

    ResponderExcluir

O blog não é mais atualizado com novas postagens. Mas fique à vontade para perguntar algo do seu interesse, seja relacionado às postagens ou dúvidas que lhe inquietam, estou algumas vezes entrando no blog e certamente verei se tiver comentários pendentes. Obrigada pela visita, leitor!

Este blog não é mais atualizado com novas postagens, mas não excluo 100% a probabilidade.