<form action="/search" style="display:inline;" method="get">
<input id="s" onfocus="this.value=''" value="Texto a buscar" class="formsuch" name="q" size="17" type="text"/>
<input alt="Buscar" src="http://img142.imageshack.us/img142/7/searchiconry7.png" class="searchicon" value="Search" name="submit" type="image"/>
</form>
y en css o entre <style type="text/css"> y </style>:
.searchicon:focus {
background-color: white;
color : black;
outline : none; }
input:focus {
background-color: #FFFFCC;
color : black;
outline : none; }
legend {
padding: 0.5em 0.5em 0 0.5em;
font: 30px Georgia,Verdana,sans-serif;}
input {
border : 1px solid black;
padding: 4px;
margin-left : 15px;
outline : none; }
.searchicon {
margin-left : -26px;
margin-bottom : -29px;
border : 0;}
Leer Importante...
Enlaza el blog ...
Ultimos comentarios
Amigo tu pagina esta de lujo te felicito espero no te enojes si tomo algunas cosas de tu blog :15).. quisiera empezar preguntandote como creo en mi pagina un buscador como el que tu tienes junto con el boton Inicio y las flechas de ver entradas anteriores y ver entradas nuevas MAS las flechitas esas que suben y bajan.
Esos tres botones se ven bien chevere!
estare esperando tu respuesta gracias :27)
Gracias Angel y toma todo lo que quieras.
Tus preguntas son muy dificil de contestar ya que las imagenes son con sprite.
Subir y bajar tengo un par de entradas al respecto. (pone en el buscador)
Lo del buscador es el que proporciona google añadiendo un gadget con algunos cambios mios como http://loseasi.blogspot.com/2010/07/cambiar-posicion-de-un-gadget.html y condicionales para que se vea distinto en las entradas y un poco de javascript creado por mi.
Lo de las flechas de entradas también son con condicionales y los link son expr:href='data:newerPageUrl' y expr:href='data:olderPageUrl'
Amigo eso significa que no podre tener en mi pagina esos tres botones juntos? que pena porque en tu pagina se ven muy bien y estoy seguro que en la mia tambien lo haria.. pero bueno, no podrias crear una entrada explicando como hacerlo?
Saludos desde Lima
voy a intentar hacer la entrada, pero sabes algo de imágenes con sprites?
@ Vku: Mentiria si te digo que si, pero si dispones de tiempo y lo explicas en la entrada y mas la ayuda que puedas darme si me pierdo pues haria la lucha. Recuerda "Lo imposible solo tarda un poco mas" :)
Andrés casi lo consigo! en un momento dado logre colocar el buscador junto a Entradas antiguas- Inicio - Entradas nuevas, funcionaba perfectamente. Luego cuando me proponía a colocar también las flechitas de subir y bajar de repente el buscador se quedo estático ya no se movía junto con los demás botones :10) me podrías ayudar? como haría también para que en lugar de tener mi pagina esos iconos feos y grandes tuviera los tuyos que si se ven muy bien :6)
Gracias por tu tiempo y tu amabilidad.
:24)
Angel fijate esta entrada:
http://loseasi.blogspot.com/2011/01/entradas-antiguas-inicio-y-entradas.html
Y para lo del busacador tendria que verlo para ayudarte. dejalo colocado y me avisas asi veo el error.
Supongo que lo que tienes que hacer es poner arriba de </head>
El siguiente código:
<style>#HTML6{position:fixed;bottom:5px;right:158px;z-index:99999999;}</style>
Otra cosa Angel tienes en tu plantilla repetido 3 veces el mismo código de Prototype y Scriptaculous
Deja el primero y borra los otros 2.
Y borra esta línea: #HTML6{position:fixed; top: 518px; left:800px; width:150px}
Antes de hacer algun cambio resparda la plantilla.
Buenas noches Andrés con la ayuda del comentario #8 se soluciono el problema del buscador :15)
Los codigos html en mi plantilla están todos desordenados :16) que cuando busco Prototype y Scriptaculous me sale solo dos coincidencias y no tres como tu las mencionas, exactamente que codigos tendría que borrar para no cometer el error de quitar por equivocación un codigo que es necesario en la pagina.
Gracias por tu ayuda, por cierto tambien borre el html6 que estaba de mas.
Código 1 que no tenes que borrar:
<!-- Prototype y Scriptaculous-->
<script src='http://www.google.com/jsapi'></script>
<script>
google.load("prototype","1.6.0.3");
window.JSON = {
parse: function (st) { return st.evalJSON(); },
stringify: function(obj) { return Object.toJSON(obj); }
};
google.load("scriptaculous", "1.8.2");
</script>
<!-- Prototype y Scriptaculous-->
Código 2 Borrar
<script src='http://www.google.com/jsapi'></script>
<script>
google.load("prototype","1.6.0.3");
google.load("scriptaculous", "1.8.2");
</script>
Código 3 Borrar
<script src='http://dl.dropbox.com/u/18210610/Archivos%20js/js%20modificado/prototype.js' type='text/javascript'></script><script src='http://dl.dropbox.com/u/18210610/Archivos%20js/js%20modificado/scriptaculous.js?load=effects' type='text/javascript'></script>
o así:
<script src='http://dl.dropbox.com/u/18210610/Archivos%20js/js%20modificado/prototype.js' type='text/javascript'/><script src='http://dl.dropbox.com/u/18210610/Archivos%20js/js%20modificado/scriptaculous.js?load=effects' type='text/javascript'/>
Hola, gracias por el estilo del buscador y la foto también me gusto.
Gracias por compartir.:)
Claudia, puedes agrandarlo cambiando size="17" por otro valor mayor.
Hola amigo, muchas gracias, definitivamente, este buscador es mucho más efectivo que el gadget de blogger, ya lo agregué a mi blog!!
Saludos,
Claudia
Si tienes alguna opinión respecto a la entrada, tienes un punto de vista distinto, o simplemente quieres saludar, te invito a que dejes un comentario. NO SE ACEPTAN LINKS DE REFERIDOS para que los comentarios no se conviertan simplemente en una forma de publicitarse.
Elegir un botón o imagen, Seleccionar, copiar (Ctrl+C) y pegar en formulario de comentarios.
Nota: solo los miembros de este blog pueden publicar comentarios.