agregar etiqueta it...
 
Avisos
Vaciar todo

agregar etiqueta item del menu nuevo

12 Respuestas
3 Usuarios
0 Reactions
37 Visitas
Respuestas: 1669
Noble Member
Topic starter
 

https://prnt.sc/kn5sSd3IVuDa

hola quiero hacer algo asi como hago

Contenido solo visible a usuarios registrados


 
Respondido : 29/10/2024 6:15 pm
Karen Rios
Respuestas: 18684
Illustrious Member Moderator
 

Hola Fabiana, 

No podemos ver la imagen, subela directamente en la consulta para revisar con mayor detalle lo que nos comentas.

Un Saludo


 
Respondido : 29/10/2024 7:40 pm
Respuestas: 1669
Noble Member
Topic starter
 

@karen

nuevo

 


 
Respondido : 30/10/2024 2:05 pm
Pepe
 Pepe
Respuestas: 41129
Illustrious Member Admin
 

Hola Fabiana.

.- Edita el item de menu donde quieres añadir la etiqueta y selecciona la pestaña Tipo de enlace

.- En la celda  Estilo CSS del enlace añade la clase css paar ese elemento del menú, en este ejemplo utilizamos mi-etiqueta

screenshot mary52 webempresa eu 2024 10 30 15 54 43

.- Añade el siguiente código CSS:

.mi-etiqueta {
position: relative; /* Asegura que el contenedor esté posicionado */
}

.mi-etiqueta::before {
content: "Etiqueta"; /* Cambia "Etiqueta" por el texto que desees */
color: #ffffff;
background-color: #007bff;/* Cambia color fondo por el color que desees */
padding: 2px 6px;
border-radius: 8px;
position: absolute;
top: -15px; /* Ajusta según el espacio que quieras sobre el ítem */
left: 80%;
transform: translateX(-50%); /* Centra la etiqueta sobre el ítem */
white-space: nowrap; /* Evita que la etiqueta ocupe más de una línea */
font-size:10px
}

 

Tendrás que adaptar el código con el texto que quieres mostrar, los colores y los márgenes.

Tienes que hacer lo mismo para cada ítem donde quieras mostrar una etiqueta y ten en cuenta que tienen que ser clases distintas, si utilizas la misma clase siempre mostrará el mismo texto y color.

 

Un saludo

 


 
Respondido : 30/10/2024 3:01 pm
Respuestas: 1669
Noble Member
Topic starter
 

@pepesoler

ok lo agregue en tramites en linea/documentos sin retirar se ve cotado

https://diocesisdecanelones.com/dgr/

Captura de pantalla 2024 09 23 111000

 


 
Respondido : 30/10/2024 5:03 pm
Karen Rios
Respuestas: 18684
Illustrious Member Moderator
 

Hola Fabiana, 

No logro ver donde está la etiqueta, la eliminaste?

image

Un Saludo


 
Respondido : 30/10/2024 6:20 pm
Respuestas: 1669
Noble Member
Topic starter
 

@karen

 

tramites en linea/documentos sin retirar no se ve bien

https://diocesisdecanelones.com/dgr/


 
Respondido : 04/11/2024 6:12 pm
Karen Rios
Respuestas: 18684
Illustrious Member Moderator
 

Hola Fabiana, 

No logro ver nada añadido, por lo que entiendo aún no lo agregas en la página.

image

Saludos


 
Respondido : 04/11/2024 7:15 pm
Respuestas: 1669
Noble Member
Topic starter
 

@karen

si esta añadido si te paras sobre el ves que esta pero cortado


 
Respondido : 05/11/2024 1:06 pm
Karen Rios
Respuestas: 18684
Illustrious Member Moderator
 

Hola Fabiana,

Esto es lo que veo que tienes añadido en esta sección, no se ve mucho y la verdad no sé que quieres añadir o mostrar. 

Captura de Pantalla 2024 11 05 a la(s) 8.38.23 a. m.

Puedes indicarnos que es lo que intentas crear, envíanos capturas (dentro de la consulta) que estás añadiendo y como lo añadespara revisarlo. 

Un Saludo


 
Respondido : 05/11/2024 1:41 pm
Respuestas: 1669
Noble Member
Topic starter
 

@karen

añadi el codigo que me pasaron arriba y cree la etiqueta en el menu en el que deseo ponerlo

codigo

 
Respondido : 05/11/2024 8:10 pm
Karen Rios
Respuestas: 18684
Illustrious Member Moderator
 

Hola Fabiana, 

Prueba el siguiente CSS y revisa si con ello se muestra de forma correcta.

a.mi-etiqueta::before {
content: "hola" !important;
color: #ffffff !important;
background-color: #007bff !important;
padding: 2px 6px !important;
border-radius: 8px !important;
position: absolute !important;
top: -15px !important;
left: 80% !important;
transform: translateX(-50%) !important;
white-space: nowrap !important;
font-size: 10px !important;
}

Un Saludo


 
Respondido : 05/11/2024 8:37 pm