caixa de pesquisa com botão de busca ao lado


Olá crianças da tia Roh (◡‿◡) como vão? Agora sim estou bem e aliviada, porque? Porque finalmente consegui responder e retribuir todos os comentários que estavam pendentes. Cara parece que tu tira um peso das costas sabe? Nossa eu estava me sentindo muito mal, sabem que odeio demorar para atender a todos parece que a gente não liga, mas sabem que não é isto não é mesmo? Acho que o assunto sobre eu sumir mas sempre voltar e demorar para responder a todos não é mais tabu certo? Bem, sabem que estou bem feliz e ansiosa? O motivo? Então, dia 1º de agosto pego minhas férias e fico em casa 30 dias ( ゚▽゚)/ Estou até sonhando com este dia rsrs, cara to bem cansada e precisando mesmo de um tempo só pra mim. Quero andar de patins, quero viajar, ir na praia, tipo fazer coisas que não faço a tempos, nada melhor que férias para isso certo?

Mas então lindos, mudando de assunto, hoje trago pra vocês um modelo bem fofo para caixa de pesquisa, sei que ninguém me pediu mas me deu vontade de postar um tutorial assim >.< E em dois anos de blog eu só postei dois modelos diferentes, que no caso é bem pouco para tanto post eu acredito u.u Ele é um modelo bem fofo iguais aqueles que a gente costumava a usar antigamente lembram? Aqueles bem fofinhos com o botão de busca, até nem sei porque nunca mais ninguém postou modelos assim pois eu achava um mimo. Acredito que seja porque os atuais são bem mais práticos por serem fáceis de criar sem o tal botão não é? Bem eu irei matar a minha saudade e talvez a saudade de quem gostava de modelos assim. Prestem atenção nos códigos e só mudem o que se pede ok? Beijocas coisas fofas da Roh e peçam mais coisas na ask pois ela está vazia! (。´`)ノ

LIVE PREVIEW (❥)

Vá até o seu modelo e dentro procure por:  ]]></b:skin> e acima dele cole o seguinte código:
/*** CAIXA DE PESQUISA POR GNMH***/
input, textarea, option, select, button form{
font-family: PF Arma Five;
font-size: 8px;
color:#fff;
text-shadow: 1px 1px 1px #ccc;
background:#COR; *MUDE*
border: solid 1px #COR; *MUDE*
text-align: center;
height: ALTURApx; MUDE*
width: TAMANHOpx; *MUDE*
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;
border-radius: 2px;cursor: pointer;}
input:focus{outline:none;}
*::-moz-selection {
background:ffdbde;
color: #B7ABBB;
text-shadow: 0 1px 0 #ffffff;
}
.searchbut{
background:#COR; *MUDE*
border: solid 1px #COR; *MUDE*
width:TAMANHOpx; *MUDE*
height:ALTURApx; *MUDE*
padding:px;
}
E dentro de um gadget coloque o código abaixo e cole:
<form action="/search" method="get">
<input type="text" name="q" value="Digite o que procura"/>
<input class="searchbut" type="submit" value="Ok!" />
</form> 
Querem ver os perfis de quem posta aqui? cliquem na imagem᠉
Continue

16 comentários:

  1. É triste quando não conseguimos arranjar tempo para comentários, mas sempre vai ter um jeito u_u.
    Roh, você precisa descansar mesmo, é difícil cuidar de um blog, trabalhar e tudo mais ç-ç.

    Gente, essa caixa de pesquisa é linda! Posso usar no próximo lay do Ice Moon *00*.

    Beijos,
    Ice Moon!

    ResponderExcluir
    Respostas
    1. Nem me fale estou muito sem tempo ultimamente que chega me dá gastura =/ Pois é preciso mesmo, logo logo entro de férias e dai tudo vai melhorar >.<

      Excluir
  2. Que modelo fofinho, ficou muito bonitinho *3*

    www.sendohipster.blogspot.com.br

    ResponderExcluir
  3. Eu mesmo com esse peso nas costas eu fico com preguiça de retribuir, mas o quê eu estou fazendo agora? Retribuindo, palmas pra mim u3u ~parei
    Como eu já disse esse modelinho é muito fofo <333

    Beijos ~ Leadership ✩

    ResponderExcluir
    Respostas
    1. UHSUAHUAHUSH eu sei muito bem disso, sei que é bem preguiçoca mulier UHSUAHSUHAUHSUSH queria ter mais tempo que nem tu, talvez iria vadiar um pouco mais SHUAHSUHASUHS Anwww obrigada minha linda <3

      Excluir
  4. Yay! Férias para Roh-chan * 3 *
    Essa caixa de pesquisa é tão fofa :3 faz tempo que não uso uma caixa de pesquisa D:
    Acho que vou usar no próximo layout :D

    Xoxo || Once Upon a Time

    ResponderExcluir
    Respostas
    1. Yeeeyyy! Uhum, férias sim >.< Nem eu mesma vejo as horas para pegar minhas merecidas férias *o* Awnn iria ficar bem fofa acredito eu ^^ beijos =3

      Excluir
  5. As minhas férias acabaram segunda :c
    Verdade, é bem assim, da uma sensação de alívio quando retribuimos, que fofinha a caixa, adorei o tutorial :3

    cantinhodaslovelys.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Que pena né flor? Mas logo logo chega fim de ano e tu irá poder descansar de novo ^^ Obrigada linda =3

      Excluir
  6. Linda caixa de pesquisa, vou ir pedir coisas na ask, se prepare Roh uahsuhau


    kawaii-things.net || Visite :3

    ResponderExcluir
    Respostas
    1. UHASUAHSUAHUSH ok amore, fique a vontade ;) Obrigada ^^

      Excluir
  7. Essa caixa de pesquisa é uma graça, vou usar no próximo layout ^u^

    ~ Kissus ♥

    ResponderExcluir
  8. Oie, tudo bem? Perai vai ficar com 30 dias de férias? Cadê a humildade gente? Vou ficar com só 2 semanas T^T
    Amei a caixinha! Muuito fofa >33< Infelizmente não peguei a época que usava os botõezinhos sauhsuahsua acho muito fofo quando o botão é redondinho haha
    beijocas, Pattiency

    ResponderExcluir
    Respostas
    1. UHSUhAUSHUAHS pois é, oww vida cruel né? UHSuhasUAHSuHSUH Bem eu fui da época e confesso que tava com saudades por isso fiz uma caixinha assim ^^ Beijos =3

      Excluir

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