Cerrar Ventana

Algunas cookies de este sitio son esenciales, y el sitio no funcionará como se espera sin ellas. Estas cookies se establecen en el momento de enviar un formulario, inicie sesión o interactuar con el sitio realizando una acción que va más allá de hacer clic en un simple enlace.


Leer Más

Descarga MyBB 1.8.13
SoporteMyBB tiene un total de 833 temas de soporte. 9 quedan aún por resolver, 158 han quedado obsoletos y 666 han sido resueltos.

Hola invitado, aún no tienes una cuenta? Regístrate gratis desde aqui !!! Como registrado podrás obtener soporte, descargar temas y plugins del sitio y más.
Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Creador del tema: eNvy[Tutorial] Searchforum dropdown
Iniciado por: eNvy

 eNvy
Usuario del Foro


Registrados


Estado: Desconectado
Mensajes:252
Temas:36
Registro:16 Aug 2014
Reputación: 175
Gracias dados54Gracias recibidos177NacionalidadArgentina
12 Enero 2016, 18:06 -
#1
1
Mejor respuesta del mensaje Searchforum dropdownEsta es una de esas cosas que uno considera una pavada, pero que realmente puede ahorrarnos espacio, y podemos darle toques con css para que quede bonito.

Utilizo FontAwesome para los íconos, así que si no estan familiarizados con esta colección de iconos, les recomiendo empezar a hacerlo jaja.

Sin más, pasemos al tutorial:

1- Plantilla forumdisplay_threadlist

Van a buscar primero este trozo de código (recuerden, estoy copiando código de la plantilla original de MyBB, puede que ustedes lo tengan modificado o no, según su tema):

No puedes ver estos contenidos como invitado

Este código que dejo esta encerrado en una etiqueta <div>, lo que voy a dejar a continuación va debajo del código anterior, pero dentro del mismo <div>:

No puedes ver estos contenidos como invitado

2- CSS

Aquí pueden elegir si colocar el código dentro de global.css u otro

No puedes ver estos contenidos como invitado

3- Plantilla headerinclude

Yo ya no coloco código en la plantilla headerinclude, sino que importo un archivo .js desde la misma, pero como esto es un tutorial y quizás ustedes no utilicen más código, simplemente van a hacer lo siguiente:

Debajo de toda la plantilla headerinclude, al final, van a colocar lo siguiente:

No puedes ver estos contenidos como invitado

Y con esto finaliza el tutorial.

¿Que conseguimos con todo esto?

No puedes ver estos contenidos como invitado

Ignoren los otros íconos, y presten atención a la lupa... ¿Pueden ver el texto? es el texto que ingresamos en el tutorial, ahora miren que sucede si hacen click...

No puedes ver estos contenidos como invitado

Taraaaaaaaaan! jajaja, es una pavada como dice al principio, pero tranquilamente podemos remover el searchbox que aparece debajo en la lista de temas y utilizar algo como esto, que es mucho más elegante, simple y compacto.

Saludos!




Usuarios navegando en este tema: 1 invitado(s)