→Buscador Personalizado

 

HELLO!

esta vez les enseñare un buscador personalizado bien cute,he aqui el ejemplo;

♥♥♥♥

¿Comencemos?

1-abran diseño 2-añadir html/javascript 3-copian/pegan;

<center>

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTvi7hG1sO3soNI7ph5W7Fhusdt96MkmAKnNodUGikhI2T45Ig7udejN27ObjkmbFTa8iI_bIZ5ApY2liPL2ZywX6Ez6Sr6W8gvpzfIs1iBTdAMFalzvjg7329-w_G5JBLKo0n1g3Mh5k/s1600/serch.png" />

<form action="/search" method="get"> <img src="http://sl.glitter-graphics.net/pub/1825/1825664m44ia9h5vr.gif" /> <input type="text" name="q" value="" style="width:160px; height:19px; background-color:#ffffff; color: #ffaad5; font-size: 11px; border: 1px double #ffaad5;border-radius:5px;box-shadow: 0 0 0.4em #ffaad5 , 0 0 0.4em#ffaad5;" /> <img src="http://sl.glitter-graphics.net/pub/1825/1825664m44ia9h5vr.gif" />

<br />

<br />

<input type="submit" value="buscar" style="font-size: 12px; background-color:#ffffff; color: #ffaad5; border: 1px dashed #ffaad5;border-radius:5px;" /></form></center>

instrucciones;
Morado: Url de la imagen que usaras ya sea la que diga busqueda. Rosa: Color de sombra de la barra. Azul; Color borde del cuadro buscar Celeste; color fondo del boton buscar. Naranja: URL de los gifs.
suerte♥