[Duda] Navbar con AwesomeFonts

Sáb Sep 16, 2017 4:32 pm

Bueno, mi nivel de masoquismo me ha llevado a otro nivel y estoy intentando hacer algo con lo que sueño hace mucho pero que al final me da demasiada flojera intentar.

Las AwesomeFonts son algo que me parece bastante curioso de explotar de la manera correcta, y sin embargo no puedo conseguir el efecto deseado. Me explico; siguiendo un tutorial de FA, específicamente este, la parte donde habla que puede ponérselo en el mainmenu. Después de partirme la cabeza un rato, conseguí en parte lo que deseaba. Es decir, esto:

Spoiler:
~~Disculpad los colores asesinos, es solo una prueba.~~

Y a partir de allí, se me presenta un problema, pues como verán, solo he colocado un icono más de font al lado del nombre del menú ¿El problema? Me gustaría poder quitar el nombre de cada apartado para que solo estuviese presente cada figurita, y lo he intentado, dentro de mi básico conocimiento, pero no estoy segura de como proceder, pues tampoco me apetece crear una navbar a base de imágenes para activar la correspondiente opción dentro del panel del administración.

Según lo que he investigado es posible crear una navbar tal cual la deseo, pero de igual modo, parece que los ejemplos que encuentro son creando una nueva barra de navegación desde cero y no estoy segura de como tendría que hacer para ello, así que si alguien sería tan amable de ayudarme, estaría muy agradecida.

Foro investigado (?):

~~Besis, para que no se lea tan serio (?).~~

Lun Sep 18, 2017 1:00 pm

Hola Dissus, bueno primero no he intentado el tutorial de FA pero, creo que se puede hacer lo que deseas de 2 formas:

1) La más sencilla, es algo muy básico de los skins, el panel de administración de FA te da la opción de poner una imagen en el menu de navegación al lado de cada link (Índice, FAQ, Buscar, Miembros, Grupos de usuarios, etc), puedes hacerlo desde Visualización > Gestión de las Imágenes > Modo Avanzado > General / Navegación. O bien desde Visualización > índice > Cabeceras y Navegación y seleccionando cada elemento para colocar la imagen.

[Duda] Navbar con AwesomeFonts H86VRgMfSi6uf5uK4y53mg

[Duda] Navbar con AwesomeFonts H86VRgMfSi6uf5uK4y53mg

Y después para ocultar el texto y que solo queden los iconos podrías simplemente poner en tu CSS esto:

Código:: a.mainmenu { font-size: 0; }

[Duda] Navbar con AwesomeFonts Vw1mSm-oRHKFnNl-Nh126Q

2) La segunda opción es usar Javascript, así como en el tutorial que me mostraste de FA, Lady Soup nos dejo aquí un tutorial donde usando JS puedes editar tu barra de navegación con iconos y texto. Te invito a leer el tuto y quizás sea lo que necesitas para lo que deseas hacer.

PD. DEBERÁS TENER MÁS DE 25 MENSAJES PARA VER LOS TUTORIALES DEL SUBFORO NIVEL AVANZADO.

Lun Sep 18, 2017 1:17 pm

Hi ho Roshio~

Me confirmaste lo que temía, soy noob y debo hacer las cosas como tal (?)

Bueno, en ese caso veré si espero a los 25 mensajes -Pues igual los códigos me odian.- o si simplemente me muevo a partir de imágenes, pues si bien no era lo que deseaba, el usarlas no sería el fin del mundo.

Muchas gracias por la ayuda Roshio. Pueden proceder a cerrar el tema.

Próx

Bridgerton

Luz vs Oscuridad

Paraíso Personal

Amor y Amistad

Conejo de Pascua

[Duda] Navbar con AwesomeFonts