Modelos de caixa de pesquisa


Olá delícias ~(^3^)~
Como está a vida de vocês? A minha maravilhosamente boa. Não sei se vocês já sabem, mas eu criei um bloguinho pessoal chamado Imperfectous, e queria saber sobre o que acharam dele. Eu gostei bastante, pois lá tenho liberdade de postar como quiser, quando quiser e o que eu quiser. Vocês podem visitá-lo aqui ou no menu acima. Tenho outra coisa a contar, resolvi desistir de terminar meu livro ç3ç, mas resolvi começar outro, que se chama O Último Sonho. Sabe quando você sonha algo, como se fosse um sinal ou uma dica e precisa realizar? Então, sonhei com uma história e resolvi registrá-la em um novo livro ♥. E foi dessa maneira que eu tive inspiração para começar de novo *u*

Cumprindo com a nossa agenda, o post que eu preparei para hoje contém modelos para caixa de pesquisa, sendo eles de 2 estilos, com a mesma cor e tamanhos, mas que vocês podem fazer as modificações necessárias a seu gosto. Se usarem, creditem ao With You, e é proibido reblogar -3-




  

.searchbar {
height: 20px; /*Altura da caixa de pesquisa*/
width: 200px; /*Largura da caixa de pesquisa edite se quiser*/
border: 1px solid #CORDABORDA; /*Bordinha da caixa de pesquisa*/
background: #CORDOFUNDO; /*Fundo da caixa de pesquisa*/
text-align: center; /*Alinhamento do texto mude se quiser*/
color: #CORDAFONTE!important; /*Cor da fonte*/
font: 12px calibre !important; /*Aqui é a fonte mude se quiser*/
margin-bottom: 3px;
box-shadow: inset 1px 1px 0px #ffffff; /* sombra interna */
border-radius: 1px; /*bordas arredondadas*/
}


    
.searchbar{
outline: none;
height: 20px; /*Altura da caixa de pesquisa*/
width: 200px; /*Largura da caixa de pesquisa edite se quiser*/
border: 1px solid #CORDABORDA; /*Bordinha da caixa de pesquisa*/
background: #CORDOFUNDO; /*Fundo da caixa de pesquisa*/
line-height: 2px;
text-align: center;
color: #CORDAFONTE; /*Cor da fonte*/
font-family: Tahoma;
font-size: 11px;
-moz-box-shadow:inset 0 0 4px #SUACOR; 
-webkit-box-shadow:inset 0 0 4px #SUACOR;
box-shadow:inset 0 0 4px #SUACOR;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
-webkit-box-shadow:0 0 3px #SUACOR;
-webkit-transition-duration: .50s;
}
.searchbar:hover{
opacity: 0.6;
height: 18px; /*Altura da caixa de pesquisa em hover edite se quiser*/
-webkit-transition-duration: .50s;
}
Gostaram? Façam as modificações necessárias aonde vocês entenderem e quiserem :3. Até breve ~

28 comentários:

  1. Gostei bastante do seu outro blog flor :) Adorei os modelos muito fofos *o*
    Beijo

    http://cantinhodarebec.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Fico bastante feliz que tenha gostado do Imperfectous ♥. Obrigada *u*

      Excluir
  2. Eu fui a primeira seguidora de seu novo blog, amo ele de coração <3 Ótimos modelos, ficaram fofos e lindos, adorei eles :3

    Visite o blog :3 | Etc For Me :3

    ResponderExcluir
  3. Me julgue e me espanque, Mandi, mas eu não fazia ideia que estavas começando um livro! Serei sua fã número 0 quando publicaste ♥

    Adorei a caixinha! <3 Simples, mas linda, do jeito que eu gosto! '3'

    Um grande beijo,

    Juu-Chan || Nescau com Nutella

    ResponderExcluir
    Respostas
    1. Omg *---* não sei se irei conseguir apoio para publicá-lo :/
      Obrigada >u<

      Excluir
  4. Pode ter certeza que quando publicar vou comprar um *-*
    amei as caixinhas e seu outro blog tambén, uma perfeição!

    inside-oficial.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Obrigada *u*
      Fico honrada que tenha gostado de ambos >u<

      Excluir
  5. Achei lindo o seu outro blog *-*
    Não sabia que tava escrevendo um livro *o*
    Adorei esses modelos <3

    XOXO :D
    {Joven Clube}

    ResponderExcluir
  6. Amei os estilos, gosto mais do segundo porque é hover, amo coisas em hover :)

    Adolescente Nerd // Oficial {}

    ResponderExcluir
  7. linnnduuusssssssss
    http://mymomentsz.blogspot.com.br/

    ResponderExcluir
  8. É realmente bom ter um blog meio que "sem obrigação" do que postar, o meu é assim e sou feliz com ele HAUSH (isso fico engraçado mais, ok)
    Bem fofos os modelos, adorei :3

    living-kpop.blogspot.com

    ResponderExcluir
  9. A minha vai normal ç.ç Já estou seguindo o Blog <3
    Que modelinhos mais fofos, gente *o* Casando com o primeiro -q Mandi chega de samba, molier

    htmlandresources.blogspot.com

    ResponderExcluir
    Respostas
    1. Ashuahsua obrigada Helooh <3
      Margente asshuahsuhau obrigada ♥

      Excluir
  10. Os modelos são bem simples e agradáveis , gostei muito deles *---*

    D-Resources

    ResponderExcluir
  11. Vou ler o seu livro Mandi >3< Adorei os modelos de pesquisa *3*

    Retribui? || Unskilled

    ResponderExcluir
  12. Adorei as caixinhas *O* super fofas gostei mais da segundo >3<
    ~September Rains

    ResponderExcluir

Seu comentário é muito importante para o crescimento do blog, mas antes têm algumas regrinhas a serem cumpridas:
♥ Aceitamos pedidos de afiliação, somente se seguir o nosso blog;
♥ Comentários do tipo "seguindo,segue de volta, serão aceitos com prazer, afinal não é pecado pedir para seguirem seu blog, não é mesmo?;
♥ E é claro que eu visito seu blog, afinal é bom conhecermos novos blogs;
♥ Deixe o link do seu blog;
♥ Para mais informações, consulte a nossa FAQ