Hola a todos los lectores me é tomado la libertad de crear un buscador muy bonito y completamente personalizable para ustedes que lo llamé “Orinoco”;se preguntarán porqué le puse ese nombre bueno le coloqué ese distintivo porque en mi país el río Orinoco es una reliquia y además uno de los ríos mas grandes del mundo y caudalosos,como ya antes habíamos visto Buscador Personalizado Ya era hora de actualizarlo.
Empecemos con la instalación.
Copia en un elemento JavaScript este código:
<div align="center">
<style>
#search-btn {
-moz-box-shadow: 0 0 2px #444444, 0 0 2px #444444;
background-color:#b3ca88;
border-right: 1px solid #b3ca88;
border-top: 2px solid #b3ca88;
border-bottom: 3px solid #b3ca88;
border-left: 5px solid #b3ca88;
color:#FFFFFF;
margin-left:-4px;
font:bold 17px Trebuchet MS;
-moz-border-radius: 0px 5px 5px 0px;
text-shadow: 2px 1px #000000;
border:1;
}
#search-btn:hover {
-moz-border-radius: 5px;
cursor:pointer;
background-color:#c9d8ad;
border-right: 5px solid #c9d8ad;
border-top: 5px solid #c9d8ad;
border-bottom: 9px solid #c9d8ad;
border-left: 5px solid #c9d8ad;
font:bold 19px Trebuchet MS;
}
#search-box {
background-color:#dde3d4;
color:#444444;
margin:0;
font:bold 14px Trebuchet MS;
-moz-border-radius: 5px 0px 0px 5px;
-moz-box-shadow: 0 0 2px #444444, 0 0 2px #444444;
border: 5px solid #dde3d4;
width:201px
}
</style>
<br />
<form action="/search" id="searchthis" method="get" style="display: inline;">
<input id="search-box" name="q" placeholder="Escribe lo que buscas aquí" title="Escribe lo que buscas aquí" type="text" />
<input id="search-btn" title="GO!" type="submit" value="GO!" />
</form>
</div>
Se verá así de igual que en este blog de pruebas
| Ojo en la entrada Buscador Personalizado se mostrará igual que aquí en el sitio pero es una versión antigua si lo pruebas veras que es uno diferente. |





0 OPINIONES:
Si tienes una consulta sobre un Artículo haz tu comentario
USA ESTA LINEA PARA DEJAR ENLACES
<a href="Dirección de tu página">Título del enlace</a>