Avisos
Vaciar todo

agregar etiqueta item del menu nuevo  

 
Fabiana
 Fabiana
Noble Member

https://prnt.sc/kn5sSd3IVuDa

hola quiero hacer algo asi como hago

Contenido solo visible a usuarios registrados

Citar
Respondido : 29/10/2024 6:15 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Fabiana, 

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

Un Saludo

ResponderCitar
Respondido : 29/10/2024 7:40 pm

Fabiana
 Fabiana
Noble Member

@karen

nuevo

 

ResponderCitar
Respondido : 30/10/2024 2:05 pm
Pepe
 Pepe
Soporte CMS Webempresa 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

 

ResponderCitar
Respondido : 30/10/2024 3:01 pm

Fabiana
 Fabiana
Noble Member

@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

 

ResponderCitar
Respondido : 30/10/2024 5:03 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Fabiana, 

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

image

Un Saludo

ResponderCitar
Respondido : 30/10/2024 6:20 pm

Fabiana
 Fabiana
Noble Member

@karen

 

tramites en linea/documentos sin retirar no se ve bien

https://diocesisdecanelones.com/dgr/

ResponderCitar
Respondido : 04/11/2024 6:12 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Fabiana, 

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

image

Saludos

ResponderCitar
Respondido : 04/11/2024 7:15 pm

Fabiana
 Fabiana
Noble Member

@karen

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

ResponderCitar
Respondido : 05/11/2024 1:06 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 05/11/2024 1:41 pm

Fabiana
 Fabiana
Noble Member

@karen

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

codigo
ResponderCitar
Respondido : 05/11/2024 8:10 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 05/11/2024 8:37 pm