¡Buenos días! Tengo una duda en mente desde hace mucho tiempo y es: ¿Si hago un nvbar con icons HTML como puedo hacer que cuanddo tengas un nuevo mensaje este cambie a otro HTML? Pongo dos imagenes de ejemplo:
https://i.imgur.com/95ILcFx.png con 0 mensajes privados
https://i.imgur.com/A6BxzmF.png con 1 mensaje privado o más
It's Chibbi
campo2 Mensajes :
97
campo3 Blood :
126357
campo4 Frasesita :
Shiny sword my diamond, kanashimi to negai no kesshoutai ni, bokura shimei wo chikau sorezore no hikari wo mezashiteku...
campo2 Mensajes : 97 campo3 Blood : 126357 campo4 Frasesita : Shiny sword my diamond, kanashimi to negai no kesshoutai ni, bokura shimei wo chikau sorezore no hikari wo mezashiteku... | 5 años
¡5 años juntos!
50 mensajes publicados
|
Eine Krone
campo2 Mensajes :
150
campo3 Blood :
497579
campo4 Frasesita :
brekekekex koax koax
Hola hola:
Fíjate en la diferencia que hay en una navbar cuando no hay mensajes privados:
y cuando sí hay mensajes privados:
Estas capturas las saqué de un foro con un skin básico, así que dependiendo de la configuración en tu caso quizás no tengas todos los elementos, pero seguro que hay algo que cambia cuando recibes un mensaje privado, y puedes utilizar ese cambio para conseguir el efecto deseado.
Por ejemplo, puedes añadirle una pseudoclase :before al span que avisa del número de mensajes privados sin leer e introducir así el nuevo icono. Haz la prueba en tu foro y mira a ver cómo cambia la estructura de la navbar al recibir un mensaje privado y prueba a trabajar con los elementos que aparecen.
Fíjate en la diferencia que hay en una navbar cuando no hay mensajes privados:
y cuando sí hay mensajes privados:
Estas capturas las saqué de un foro con un skin básico, así que dependiendo de la configuración en tu caso quizás no tengas todos los elementos, pero seguro que hay algo que cambia cuando recibes un mensaje privado, y puedes utilizar ese cambio para conseguir el efecto deseado.
Por ejemplo, puedes añadirle una pseudoclase :before al span que avisa del número de mensajes privados sin leer e introducir así el nuevo icono. Haz la prueba en tu foro y mira a ver cómo cambia la estructura de la navbar al recibir un mensaje privado y prueba a trabajar con los elementos que aparecen.
¡Tu opinión importa!
Recuerda dar tu opinión acerca del tutorial cuando lo hayas leído o puesto a prueba. Dime qué te ha gustado, qué te ha parecido complicado, qué te ha funcionado, qué no... ¡Es la única manera para mejorar la calidad de los tutoriales!campo2 Mensajes : 150 campo3 Blood : 497579 campo4 Frasesita : brekekekex koax koax | Ojo de águila
Detectaste un error. >: |
¡Encontrando fantasmas!
Participaste del evento 2023
Jarro de Caramelos
Participaste del evento 2023
Ayudante destacado
Has sugerido y ha sido implementado.
Soporte al coder
Has resuelto una duda en la zona de códigos
Soy maestro
Has subido un tutorial en la zona de códigos
¡Dix love!
¡Amamos Dix Inmortal!
Mano amiga
Has resuelto la duda de otro usuario ♥
Cinnamon roll
Too good for this world, too pure
¡Aportando!
Has subido 3 aportes a la zona códigos
Coder Supreme
He ganado en uno o varios Code Challenge
Challenger
Participo en los Code Challenges
Raspadito Navideño
Participaste en el evento 2023
¡Seis años!
¡Seis años juntos! ♥
150 mensajes publicados
|
It's Chibbi
campo2 Mensajes :
97
campo3 Blood :
126357
campo4 Frasesita :
Shiny sword my diamond, kanashimi to negai no kesshoutai ni, bokura shimei wo chikau sorezore no hikari wo mezashiteku...
¡Solucionado! Muchas gracias :D Al final encontré un código que me funcionase con JS :D <3
Mil asias <3
Mil asias <3
campo2 Mensajes : 97 campo3 Blood : 126357 campo4 Frasesita : Shiny sword my diamond, kanashimi to negai no kesshoutai ni, bokura shimei wo chikau sorezore no hikari wo mezashiteku... | 5 años
¡5 años juntos!
50 mensajes publicados
|
Contenido patrocinado
Permisos de este foro:
No puedes responder a temas en este foro.
|
|