JUNGKOOK
EUPHORIA - Wonder
[Welcome]
to garota no mundo html

olá xuxuzinhos, tudo bem? sintam-se a vontade e sejam bem vindos ao meu cantinho, este bloguinho foi criado em julho de 2012 e até hoje é direcionado a área de html e css. Tento ser criativa com códigos, sempre tento criar algo diferente. e se desejarem algo, por favor, não exitem e peçam pela minha ask ok? beijinhos bem doces..

sexta-feira, 15 de novembro de 2013

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;
}

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. Anônimo11/14/2013

    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. odiei esse tutorial odeio seu blog


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

      Excluir
    2. Anônimo12/08/2013

      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. Anônimo11/14/2013

    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. Que fofos, adorei o rosinha e o azul.
    Beijos, Having Cherry

    ResponderExcluir
  18. ó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
  19. Talvez eu use a rosa ,rs
    Ficaram muito lindas .
    Beijinhos
    http://tudoparaseuphotoscapeface.blogspot.com.br/

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

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

    ResponderExcluir
  23. 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^)