Modelos caixa de pesquisa

Olá meus goxtosos u.u

Tudo bem com vocês? Pois bem amores hoje o post é prático e bem simples na verdade uma menina do blog Lovely Monsters me pediu e estou atendendo o pedido dela que é modelo de caixa pesquisa sem botão de busca e que precise apertar o enter para ir onde a pessoa procura. Eu fiz igual a caixinha aqui do blog apenas mudei um pouco para não ficar muito parecido, usei 4 cores como exemplo mas poderão modificar as cores como quiserem isso é o de menos. Só queria que qualquer pessoa que modificar ou usar uma das caixinhas me creditassem certo? 

É tão chato quando você faz algo com dedicação com carinho e chega um qualquer para usar e nem ao menos reconhecer o esforço. Bem gente outra coisa que gostaria de comentar, eu quase nunca recebo pedidos pela ask e eu gostaria muito de começar a atender pedidos, pois não sei se perceberam mas tenho uma noção de códigos html e seria um prazer para mim criar coisas exclusivas feitas inteiramente por mim, tipo digo isso pois muitos leitores sabem que não sou muito de ficar postando efeitos e tutoriais, nunca foi meu forte. 

Mas de uns tempos para cá criei gosto pela coisa e até que está saindo trabalhos razoáveis, lembro que em alguns meses atrás só saia porcaria e ninguém dava muita bola rsrss (eram horríveis) até acabei excluindo alguns posts de tutoriais antigos pois eram tudo tosco u.u. Bem amores parei com o lero lero! Vamos ao tuto? Para quem quiser ver melhor como a caixinha fica online podem clicar aqui   


Para o efeito funfar colem o código abaixo dentro de um html java script salvem e depois confiram para ver se está tudo certinho ^-^

<center><form action="/search" method="get">
<input type="text" name="q" value="Pesquise + Enter"/>
</form></center>

Caixinha Azul


/*** Caixa de pesquisa por gnmh ***/
input, textarea, option, select, button form{
font: italic 1em verdana;
color:#A4D1CD;
text-align: center;
text-shadow: 1px 1px 1px #F1D2A7;
height: 25px;
width: 200px;
transition:All 0.7248s ease-in-out;
-webkit-transition:All 0.7248s ease-in-out;
-moz-transition:All 0.7248s ease-in-out;
-o-transition:All 0.7248s ease-in-out;
box-shadow: inset 0px 0px 5px #BDDDDA;
background:-webkit-gradient(linear, 80% 20%, 10% 21%, from(#D7E8E6), to(#D7E8E6));
border: solid 1px  #BDDDDA;
border-radius: 10px;cursor: pointer;
}


Caixinha Rosa



/*** Caixa de pesquisa por gnmh ***/
input, textarea, option, select, button form{
font: italic 1em verdana;
color:#F1A5A5;
text-align: center;
text-shadow: 1px 1px 1px #F1D2A7;
height: 25px;
width: 200px;
transition:All 0.7248s ease-in-out;
-webkit-transition:All 0.7248s ease-in-out;
-moz-transition:All 0.7248s ease-in-out;
-o-transition:All 0.7248s ease-in-out;
box-shadow: inset 0px 0px 5px #F1A5A5;
background:-webkit-gradient(linear, 80% 20%, 10% 21%, from(#FCC9C9), to(#FCC9C9));
border: solid 1px  #F7B7B7;
border-radius: 10px;cursor: pointer;
}

Caixinha Roxa


/*** Caixa de pesquisa por gnmh ***/
input, textarea, option, select, button form{
font: italic 1em verdana;
color:#AF9EBC;
text-align: center;
text-shadow: 1px 1px 1px #F1D2A7;
height: 25px;
width: 200px;
transition:All 0.7248s ease-in-out;
-webkit-transition:All 0.7248s ease-in-out;
-moz-transition:All 0.7248s ease-in-out;
-o-transition:All 0.7248s ease-in-out;
box-shadow: inset 0px 0px 5px #C3B4CE;
background:-webkit-gradient(linear, 80% 20%, 10% 21%, from(#DDD4E4), to(#DDD4E4));
border: solid 1px  #C3B4CE;
border-radius: 10px;cursor: pointer;
}

Caixinha Verde 


/*** Caixa de pesquisa por gnmh ***/
input, textarea, option, select, button form{
font: italic 1em verdana;
color:#A3AF90;
text-align: center;
text-shadow: 1px 1px 1px #F1D2A7;
height: 25px;
width: 200px;
transition:All 0.7248s ease-in-out;
-webkit-transition:All 0.7248s ease-in-out;
-moz-transition:All 0.7248s ease-in-out;
-o-transition:All 0.7248s ease-in-out;
box-shadow: inset 0px 0px 5px #BBC4AC;
background:-webkit-gradient(linear, 80% 20%, 10% 21%, from(#D4DCC7), to(#D4DCC7));
border: solid 1px  #BBC4AC;
border-radius: 10px;cursor: pointer;
}
Querem ver os perfis de quem posta aqui? cliquem na imagem᠉
Continue

43 comentários:

  1. Que lindinhos <3

    htmlandresources.blogspot.com

    ResponderExcluir
  2. Adorei *--* TALVEZ Eu use a caixinha roxa ou a azul~ Não se preocupe que colocarei os créditos ^w^
    Kissus RohChan ^-^

    ResponderExcluir
  3. Os modelos são muito lindos amei o Rosa *3*

    World Of Thel ~ ♥

    ResponderExcluir
  4. Que lindas *-* amei a roxa *0*

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

    ResponderExcluir
  5. Que lindas!! Obrigada por postar ^.^
    Vou usar no Layout que estou fazendo (creditarei, ok?)
    Kiss *--*

    ResponderExcluir
  6. awnnnnnn q lindas....acho q vou usar......estão muito perfeitas..........

    bjosss e...


    + bjos ,Lorena do SG : http://louca-por-html.blogspot.com.br/ (♥)

    ResponderExcluir
  7. Que modelos lindos Roh, amei o roxinho, talvez eu use no meu novo layout, mas se eu quiser posso modificar algumas coisas ( com créditos, é claro >3<' ), sei como é não receber pedidos ou até mensagens na ask, é chatinho :3' vou ver se passo por lá para pode te ajudar, e a proposito parabéns pelo blog esta tudo muito lindo aqui.

    between my galaxy - capture stars (...)

    ResponderExcluir
    Respostas
    1. Obrigada flor ^-^, pode modificar sim fique a vontade.. Kissus :3

      Excluir
  8. Ótimo post! Adorei seu blog, realmente muito incrível, tem tudo para fazer o maior sucesso; Já estou seguindo, segue o meu também?
    www.espacegirl.com

    ResponderExcluir
  9. Respostas
    1. Nossa que isso jovem? Ou melhor que isso novinha? UHAUAHUAHUAHAUhauhauHUAHUAHAu

      Excluir
    2. Kkkkk Roh Chan quer que esses imbecis se fo... ops...
      Ro Chan zuera XD

      Excluir
  10. Muito fofinha essa caixa ^-^
    Adorei o lay do blog, muito cute!
    Beijos
    blog-purplestar.blogspot.com

    ResponderExcluir
  11. Eu adoro esse tipo de caixas de pesquisa, são simples mas bonitinhas! Gostei de todas ><
    Vou ver se passo pela tua ask e vejo se peço alguma coisa u.u O meu problema é que eu de vez em quando também crio os meus cods ou então simplesmente vou ao google e procuro por isso não sei o que pedir! Porque não fazes códigos sobre o que quiseres e depois postas? Por exemplo menus bonitinhos? Tenho sempre uma dificuldade enorme em encontrar algum menu de jeito.

    ResponderExcluir
    Respostas
    1. Ok bem pensando =) irei postar vários menus kkkkkkk Kissus!

      Excluir
  12. Respostas
    1. Opaa que pena mas a do seu blog é super fofa também ^^, amore até vi o projeto mas é muito para mim =/ eu não tenho muito tempo sobrando ..

      Excluir
  13. Adorei os estilo, mas prefiro algo mais discreto, menos chamativo. De toda forma, ficaram lindos.

    써니데이즈 ♡ { Sunny Days }

    ResponderExcluir
    Respostas
    1. Obrigada :3, mas as cores as pessoas podem mudar a vontade só fiz cores assim para poder mostrar melhor o efeito >.<

      Excluir
  14. acho que vou usar no próximo lay hehe \o/

    kawaii-things.net

    ResponderExcluir
  15. Vou pensar em um pedido e fazer na ask, ok? Seus materiais são ótimos!
    Lindas as caixinhas, eu amei todas, mas a rosa e a verde foram minhas preferidas *u*
    Beijos ♡ ~
    garotas atrevidas ☆ retribui a visita?

    ResponderExcluir
    Respostas
    1. Obrigada amor ^-^ vai pensando sim irei adorar!! E retribuo sim ;)

      Excluir
  16. Que fofas! Gostei da roxa e da rosa *-*

    ResponderExcluir
  17. ótimo pedido que a menina fez, amei esses estilos, poxa, ah e esse layout novo, perfeito, seus layouts são perfôs e totalmente originais, lindão esse layout e essas cores :)

    Adolescente Nerd

    ResponderExcluir
    Respostas
    1. Oinwww imagina amore muito obrigada xD, sim o pedido dela foi muito bom, agora estou esperando os próximos :3

      Excluir
  18. Talvez eu use a rosa ,rs
    Ficaram muito lindas .
    Beijinhos
    http://tudoparaseuphotoscapeface.blogspot.com.br/

    ResponderExcluir
  19. Fiz um pedido em sua ask Roh, só que em anônimo por que esquecia minha senha :DD
    Nhaw, usaria esses modelos. Acho legal postarem esse tipo de coisa, por que ajuda bastante <3
    - @TMR

    ResponderExcluir
  20. Verdade ajuda mesmo >.<, eu até já fiz algumas coisas que me pediram hoje a noite eu posto ok? beijocas amore ;)

    ResponderExcluir
  21. Deu errado aqui :c Só aparece ''pesquise + enter'' em uma caixa normal como a original do blog :s

    ResponderExcluir
  22. Adorei o efeito que deu no meu blog, usei o rosinha flor, bjo ♥

    ResponderExcluir

Olá meus amores, os comentários devem ser direcionados somente ao blog e não a vida pessoal de ninguém! Qualquer dúvida peça pela Ask que responderei o mais rápido possível. Anônimo não adianta vir xingar pelos comentários que antes de mesmo de pensar em me ofender eles serão excluídos! Não gosto de tags, se quiser fazer fique a vontade mas não irei retribuir, não curto seguindo segue de volta =/ mas posso seguir se gostar realmente do blog, não julgo por layout ou por seguidores, avalio o blog e como disse se eu curtir é claro que sigo, afiliações? Peça nos comentários pois se pedir em outro lugar no caso páginas é bem provável que eu não veja! Então meus lindos espero que curtam cada cantinho do meu bloguinho e voltem sempre! kissus (*^3^)

Layout e codificação por Roh A.Ramos Os blogs que mais ajudaram com os tutoriais foram: CHIHDVCA Tecnologia do Blogger ♡ 2012 a 2017