[HTML]Buscador Personalizado

por **ElvisG** Dom Nov 09, 2008 10:34 pm

Hola, hoy les traigo 2 codigos para que tengan sus Buscadores Personalizados basados en los que ya estan en este foro.

Miren el primero es el que siempre esta debajo de los botones de la cabecera, y es el que se le pone al foro en version phpbb3, este es el codigo:

<div id="search-box"><form method="get" action="/search.forum" id="search"><p class="nomargin"><input type="text" name="search_keywords" id="keywords" maxlength="128" class="inputbox search" value="Buscar..." onclick="if (this.value == 'Buscar...') this.value = '';" onblur="if (this.value == '') this.value = 'Buscar...';" /><input class="button2" type="submit" value="Buscar" /></p></form></div>

Lo que esta en rojo es el link en donde el buscador realizara la busquedad, y lo que esta en azul es lo que dira el buscador y que cuando ustedes clicken encima desaparesca como en el de este foro.

Ahora les presentare un codigo de un buscador mas avanzado.

<form action="/search.forum" method="get"><p class="title-overview row2">Buscar</p><p class="center-overview"><input class="inputbox medium" name="search_keywords" type="text"><input class="button1" value="Go" type="submit"><br>Resultados por: <label for="rposts"><input id="rposts" name="show_results" value="posts" type="radio"> Mensajes</label> <label for="rtopics"><input id="rtopics" name="show_results" value="topics" checked="checked" type="radio"> Argumentos</label></p><hr class="dashed"><p class="center-overview"><a href="/search.forum" rel="nofollow"><img src="https://2img.net/i/fa/icon_mini_search.gif" alt="" width="12" height="13"> Búsqueda avanzada</a></p></form>

Bueno, miren lo que esta en rojo es el link en donde el buscador aplicara la busquedad, lo que esta en azul es el nombre del boton que al clickear se realiza la busquedad, lo que esta en verde es el nombre de las opciones del Buscador, que son la de buscar por los "Mensajes" o "Argumentos", eso depende de ustedes, y lo que esta en naranja es una pequeña imagen de la opcion de Busqueda Avanzada" y creo que toda pagina web debe tener un link para realizar su busquedad avanzada.

Tutorial by Joseph

Saludos.

por Rober! Lun Ene 05, 2009 4:27 pm

Esto ya lo conocía, pero de todas maneras gracias por el aporte

por CatWoman Vie Feb 05, 2010 2:43 pm

Hola, creo que para mejorar los tutoriales sería bueno poner una captura de pantalla... Hasta que no he leído lo último del tutorial no he sabido más o menos para qué sirve... ¿Buscadores personalizados basados en los que ya están en este foro? ¿y cuáles son? Sinceramente no creo que eso ayude a saber la utilidad del tutorial, a mí me lía, debería especificarse un poco más, si empiezas leyendo la primera línea y no te enteras de nada no creo que les anime mucho a continuar jeje. No todos lo entendemos a la primera XD.
Saludos.

por **ElvisG** Vie Feb 05, 2010 10:31 pm

Hola, este es uno de los tutoriales viejos, y en ese entonces no le ponia imagienes, pero para los proximos vienen con imagenes.

Saludos.

por diria_33 Jue Feb 14, 2013 10:00 am

Hola Joseph , te felicito por este post y códigos ; estaba buscando estos códigos, muy bien explicados y funcionan . Gracias .
Un abrazo

por Contenido patrocinado

[HTML]Buscador Personalizado

[HTML]Buscador Personalizado

Re: [HTML]Buscador Personalizado

Re: [HTML]Buscador Personalizado

Re: [HTML]Buscador Personalizado

Re: [HTML]Buscador Personalizado

Re: [HTML]Buscador Personalizado