Este tema está cerrado, no puede editar mensajes o enviar nuevas respuestas  [ 5 mensajes ] 
[Tutorial] Cambiar caja de "BUSCAR" por ícono. 
Autor Mensaje
Forero Experto
Forero Experto
Avatar de Usuario

Registrado: 10-28-2007, 1:40
Mensajes: 2071
Ubicación: Argentina
Nota [Tutorial] Cambiar caja de "BUSCAR" por ícono.
Hola!!!

A veces sucede que la barra que aparece "BUSCAR" en el header, nos resulta molesta cuando ponemos un logo, ya que queda por encima de éste, ó simplemente por una cuestión de gusto y estética.

Para solucionarlo se puede cambiar esta caja de búsqueda:


Imagen

por esté ícono que aparece entre las opciones de: conectarse, faq, etc.:

Imagen

Entrá a tu PDA/Estilos/Plantillas/TU ESTILO y abrí el archivo overall_header.html

Buscá estas líneas:
Código:
<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
         <div id="search-box">
            <form action="{U_SEARCH}" method="post" id="search">
            <fieldset>
               <input name=""keywords"" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
               <input class="button2" value="{L_SEARCH}" type="submit" /><br />
               <a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
            </fieldset>
            </form>
         </div>
      <!-- ENDIF -->


Reemplazar por:
Código:
<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
      <!-- ENDIF -->


Con esto ya eliminamos el cuadro de busqueda del header 8-)
Ahora vamos a colocar el nuevo ícono ;)

Buscar estas lineas:
Código:
<li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>


y en un renglón aparte añadir despues:

Código:
<li class="icon-search"><a href="{U_SEARCH}" title="{L_FAQ_EXPLAIN}">{L_SEARCH}</a></li>


Y listo, eso es todo!

AVISO: este tutorial funciona para estilos cuya base es la de prosilver.

Saludos!!!

_________________
LA CAFETERIA !


04-20-2009, 1:27
Perfil WWW
Forero Experto
Forero Experto
Avatar de Usuario

Registrado: 10-28-2007, 1:40
Mensajes: 2071
Ubicación: Argentina
Nota Re: Cambiar caja de "BUSCAR" por ícono.
Uy no puedo editar y me olvidé poner que si no ves los cambios vayas a tu PDA/GENERAL y dale a "Limpiar el caché" :wink:

_________________
LA CAFETERIA !


04-20-2009, 1:30
Perfil WWW
Forero Fijo
Forero Fijo
Avatar de Usuario

Registrado: 07-07-2008, 21:35
Mensajes: 384
Ubicación: Argentina
Nota Re: Cambiar caja de "BUSCAR" por ícono.
Ta buenoo!!!

Ahora lo pruevoo!!!!! 8-) 8-)

_________________
Gonzaa!!


04-22-2009, 3:02
Perfil YIM WWW
Forero Experto
Forero Experto
Avatar de Usuario

Registrado: 10-28-2007, 1:40
Mensajes: 2071
Ubicación: Argentina
Nota Re: Cambiar caja de "BUSCAR" por ícono.
OK, por cualquier cosita ya sabes! :wink:

_________________
LA CAFETERIA !


04-22-2009, 5:11
Perfil WWW
Equipo de Soporte
Equipo de Soporte
Avatar de Usuario

Registrado: 06-01-2007, 4:50
Mensajes: 3547
Ubicación: México
Nota Re: [Tutorial] Cambiar caja de "BUSCAR" por ícono.
Tutorial Añadido en Indices de tutoriales phpbb3
Se agradece la colaboración Mr. Dreams

Saludos


PD: Cualquier duda con el tutorial preguntar en el foro debido.

_________________
Imagen


04-22-2009, 21:49
Perfil
Mostrar mensajes previos:  Ordenar por  
Este tema está cerrado, no puede editar mensajes o enviar nuevas respuestas   [ 5 mensajes ] 

¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 1 invitado


No puede abrir nuevos temas en este Foro
No puede responder a temas en este Foro
No puede editar sus mensajes en este Foro
No puede borrar sus mensajes en este Foro
No puede enviar adjuntos en este Foro

Saltar a:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.
Traducción al español por Huan Manwë para phpbb-es.com
phpBB SEO
[ Time : 0.082s | 11 Queries | GZIP : Off ]