13.7.15

Modelos - Caixa de pesquisa (03)

Annyeonghaseyo, lovers! ╰( ´◔ ω ◔ `)╯ Ando muito satisfeita com o blog, sabem? Estou gostando de escrever as postagens, é bem mais fácil ter tudo programado do que ter que adivinhar o que postar >3< Gente, eu percebi que o bug nos comentários ainda não saíram TuT Como isso é horrível, e a abestalhada aqui deixou-se levar pela preguiça e largou três postagens sem responder os comentários, mas tudo bem, já respondi todos eles e comecei a retribuir alguns! >v< Enfim, gatinhos, me pediram na ask modelos para caixa de pesquisa, então GENTE, não tem necessidade de pegar o meu q Espero que quem pediu, goste e aproveite bastante ^3^

01. Primeiramente esse código funciona para todas as caixinhas, que é o código que você vai por no gadget, certo? Pois bem, cole o código do quote abaixo dentro de um gadget.
<form action="/search" class="search" method="get">
<input class="searchbar" id="s" name="q" type="text" value="Seu texto da pesquisa!" />
<input class="searchbut" type="submit" value="GO" />
</form>


Modelo (01)

.search { /* Não apague, geral da caixinha */
float: center;
margin-top: 3px;
margin-bottom: 1px;
}
.searchbar {
width: 199px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 4px;
padding-right: 3px;
background: #f9f9f9;
border: #f0f0f0 solid 1px;
font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
font-size: 9pt;
letter-spacing: .1em;
text-transform: lowercase;
color: #ccc;
text-shadow: 1px 1px 0 #ffff;
box-shadow: inset 1px 1px 0 #fff;
outline: none;
}
.searchbar:hover { outline: none;}
.searchbut { /* Botão da pesquisa */
margin-left: -8px;
background: rgb(255,232,236);
border: #ffcfd7 1px solid;
box-shadow: inset 0 12px 0 #ffeef1;
font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
font-size: 9pt;
letter-spacing: .1em;
color: #fff;
text-shadow: 1px 1px 0 #ffcfd7;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 4px;
padding-right: 3px;
}


Modelo (02)

.search { /* Não apague, geral da caixinha */
float: center;
margin-top: 3px;
margin-bottom: 1px;
}
.searchbar {
width: 194px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 4px;
padding-right: 3px;
background: #ede7ec;
border: #ddd2dc solid 1px;
font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
font-size: 9pt;
letter-spacing: .1em;
text-transform: lowercase;
color: #d2c3d1;
box-shadow: inset 1px 1px 0 #f3eff3;
outline: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.searchbar:hover { outline: none;}
.searchbut { /* Botão da pesquisa */
margin-left: -5px;
background: #e6ebef;
border: #d0dbe4 1px solid;
box-shadow: inset 0 12px 0 #eef2f5;
font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
font-size: 9pt;
letter-spacing: .1em;
color: #fff;
text-shadow: 1px 1px 0 #d0dbe4;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 4px;
padding-right: 3px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}


Modelo (03)

.search { /* Não apague, geral da caixinha */
float: center;
margin-top: 3px;
margin-bottom: 1px;
}
.searchbar {
width: 194px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 4px;
padding-right: 3px;
background: #ffedf0;
border: #ffd9df solid 1px;
font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
font-size: 9pt;
letter-spacing: .1em;
text-transform: lowercase;
color: #ffc1ce;
box-shadow: inset 1px 1px 0 #fff;
outline: none;
}
.searchbar:hover { outline: none;}
.searchbut { /* Botão da pesquisa */
margin-left: -5px;
background: #f8f8f8;
border: #ebebeb 1px solid;
box-shadow: inset 1px 1px 0 #fff;
font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
font-size: 9pt;
letter-spacing: .1em;
color: #dedede;
text-shadow: 1px 1px 0 #fff;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 4px;
padding-right: 3px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
}

50 comentários

  1. Este comentário foi removido pelo autor.

    ResponderExcluir
    Respostas
    1. Obrigada Sabrina! >3< Ah sim, me passa os códigos então que eu coloco para ti, já que você não consegui, né? ç3ç

      Excluir
  2. Meu Deus
    to in love com o 3° mais todos ficaram uma graça ..>>.<<

    ResponderExcluir
  3. Omg o bug pse . isso cansa muito sabe?
    Todas lindas *uu* alias mudei a minha pela do primeiro modelo 0/

    geekegirlie.blogspot.com

    ResponderExcluir
    Respostas
    1. Pois é, é terrível DD: Obrigada Celly! >3<

      Excluir
  4. Eu vou passar o dia na escola :3 pela manhã estudo normal e de tarde eu vou fazer o curso :3 faz curso de quê? eu vou fazer de enfermagem e0e
    vou pegar a caixa 3 só vou mudar a cor rosa ;3

    Gallery-peace

    ResponderExcluir
    Respostas
    1. Eu fico período integral e de noite faço curso T_T Whow, enfermagem? e3e AHSUHAUS' Okay >3<

      Excluir
  5. Antes eu fazia um curso de manhã e chegava em casa tomava banho e ia para escola, acho que esse ano vai ser da mesma maneira to vendo eu deixando o blog de lado ç.ç Mas enfim, os modelinhos são lindos senhorrr que fofos *O* Esse primeiro modelo está tão perfeito sabe, divosooo <3

    ResponderExcluir
    Respostas
    1. Curso de manhã? Nossa, bem diferente @3@ Obrigada Ayaka! >3<

      Excluir
  6. Nunca estudei em período integral, me diga como é ;PP Aike modelos lindooos sem or, amei! Ah, você viu a resposta que te mandei na ask?

    Unskilled

    ResponderExcluir
    Respostas
    1. Nhaa, é bem chato, mais ainda para quem detesta escola T_T Obrigada Nae! *3* Vi sim, já enviei o código e3e

      Excluir
  7. Eu estudo em escola de tempo integral a 3 anos e bem cansativo :/ Mas com o tempo você se acostuma. Adorei os modelos! Ficaram lindos *-*

    Counting Feelings | counting-feelings.blogspot.com.br

    ResponderExcluir
  8. Wow! Você bem ocupada, nossa. Enfim, adorei os modelos, o segundo principalmente.

    Visite o blog | Etc For Me ♥

    ResponderExcluir
  9. Gente eu estou apaixonada nesse blog , ta perfeito OMG *-*
    Vou usar a primeira no próximo lay .
    Ficaria super feliz se você seguisse o meu :
    youheartsbyleticia.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Awn, obrigada Cat! <33 Já estou seguindo c:

      Excluir
  10. Minha amiga também está em uma escola mais puxada, ensino integral. Ela disse que é bem puxado e cansativo mesmo... Mas enfim, adorei os modelos! O que eu mais gostei foi o último >3<

    Letícia Evans | Vida de uma SONE

    ResponderExcluir
    Respostas
    1. Poxa, é sim bem cansativo T_T Obrigada Letícia! >3<

      Excluir
  11. Eu cá gostei -muito- do segundo modelo. Há uma certa graciosidade nele, e cores (roxo + verde <3) são lindas.

    ** Isto não quer que os outros modelos não tenham ficado bons. x.x **

    ResponderExcluir
    Respostas
    1. EU também gostei muito dele, foi meu preferido >3< Mas ele não é azul e roxo? Nha, obrigada Andrea! >3<

      Excluir
  12. Eu também vou estudar em período integral, minhas aulas começam dia 05 T.T
    Meu Deus que modelinhos lindos! amei o 1°

    h-worlds.blogspot.com
    wwwd-resources.net

    ResponderExcluir
  13. O meu dia de hoje também foi produtivo, mas apenas online qq ashaushua' Mas enfim, adorei os modelos >3<

    www.b-urning.blogspot.com.br

    ResponderExcluir
  14. Amei os modelos, o segundo é o mais fofo *---* O blog é muito lindo, amei tudo, sei que é chato e talvez não aceite mas se você gostar do meu blog gostaria de fazer afiliação? Desculpe o incômodo ><
    yue-megumi.blogpost.com
    Beijos!

    ResponderExcluir
    Respostas
    1. Awn, obrigada Yue! *3* Aceito sim, mas eu não achei o link do seu blog :c Ele redireciona a outra página ç_ç

      Excluir
  15. Integral é quando se estuda de manhã até o período da tarde, né? Não sei, haha! Imagino que deve ser mesmo puxado, lamento por você :c

    Adorei os modelos! Gente, como coisinhas tão simples podem ser tão lindas? ♥

    Um grande beijo,

    Juu-Chan || Nescau com Nutella

    ResponderExcluir
    Respostas
    1. Sim @3@ E é bastante :v Obrigada Juu! *u*

      Excluir
  16. Que lindas, adorei a primeira
    http://mlleglamour.blogspot.com/

    ResponderExcluir
  17. Também estou em uma escola mais puxada esse ano... A diferença, é que estou estudando a tarde.
    Adorei as caixinhas, ficaram muito fofas >w< A minha favorita foi a segunda!
    Beijos
    Purple Star

    ResponderExcluir
  18. Caixas de pesquisa personalizadas são muito mais lindas, a do blogger mesmo é meio feinha (eu utilizo ela) porém vou mudar em breve. Obrigado pelo ótimo tuto.

    http://www.heltonnunes.com/

    ResponderExcluir
  19. Ficaram perfeitas Mack adorei *O*

    Bjs || h-piece.blogspot.com.br

    ResponderExcluir
  20. Mt lindas as caixinhas :3 super fofas XD

    Bjs, http://bsaccani.blogspot.com/

    ResponderExcluir
  21. Amei as caixinhas u.u deve ser beem puxado msm escola em tempo integral :/

    ResponderExcluir
  22. Awn que lindos!! adorei eles estão muito lindos mesmo.

    www.k-awaiicherry.blogspot.com || Follow and Comment || www.blog-fly-away.blogspot.com.br/ || Kissus!

    ResponderExcluir
  23. Achei elas tão lindinhas, vou chorar ali no canto ;-; <3
    O segundo tem as minhas duas cores prediletas, como não amar? ;-; mds. <3

    http://p-queen.blogspot.com.br || To Queen. ♔

    ResponderExcluir
    Respostas
    1. Awn, chore não moça @3@ As minhas também! >3<

      Excluir

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!