Avisos
Vaciar todo
Buenos días,
Hace relativamente poco instalamos una nueva plantilla en una de nuestras webs. El editor de texto en el backend tiene un parámetro llamado STYLES (adjunto captura) que tiene preconfiguradas una serie de resaltados y cajas. Lo cual ayuda mucho a hacer textos más fluidos.
Hemos intentado eso mismo en otras de nuestras webs, pero los estilos (ese menú de estilos) está vacio. Nos gustaría integrar "la caja azul" que os adjunto en capturas u otras parecidas para que salgan directamente en Styles y nuestros redactores puedan utilizarlas de modo preconfigurado.
Ocurre lo mismo con el parámetro comillas. En esta web nueva es más moderno y no sabemos si existe modo de copiar ese estilo predeterminado al resto de webs para que salga así por defecto.
Muchas gracias de antemano
URL del sitio: Contenido solo visible a usuarios registrados
Respondido : 27/08/2019 12:01 pm
Hola David.
Podrías utilizar los estilos de joomla para mostrar avisos.
por ejemplo para mostrar aviso con fondo azul puedes utilizar la clase " alert-info "
Tu texto.........
Para los avisos en rojo:
...
Avisos en Verde:
...
Tienes que añadir las clases desde la opción de código del editor de textos.
Un saludo
Respondido : 27/08/2019 12:58 pm
Muchas gracias Pepe,
Ya he hecho alguna prueba. Me asaltan dos dudas al respecto.
1. ¿Podría elegir el color de verde que quiero para acercarlo más a nuestro color corporativo?
2. Podría hacer que me saliera en "Style" del editor para que los redactores puedan hacerlo de un modo más rápido sin usar código?
Respondido : 29/08/2019 1:02 pm
Hola David.
¿Podría elegir el color de verde que quiero para acercarlo más a nuestro color corporativo?
Si, seria solo cambiar el color de esa clase.
Podría hacer que me saliera en "Style" del editor para que los redactores puedan hacerlo de un modo más rápido sin usar código?
Se podría utilizar la opción de " Color de fondo "
.- Selecciona el texto que quieres resaltar y pulsa en el icono de color de fondo:
Para darle un poco de estilo añade lo siguiente a tu archivo de estilos CSS:
.fcitems p span {
padding-top: 0.5em!important;
padding-left: 1em!important;
padding-right: 1em!important;
padding-bottom: 0.5em!important;
border-radius: 0.5em;
}
Un saludo
Respondido : 29/08/2019 1:48 pm
Hola David.
¿Podría elegir el color de verde que quiero para acercarlo más a nuestro color corporativo?
Si, seria solo cambiar el color de esa clase.
¿cómo?
Respondido : 29/08/2019 1:59 pm
Hola David.
Añade lo siguiente al archivo custom.css:
.alert-success {
.alert-success {
background-color: #1818;
color:#fefefe;
}
}
La etiqueta " background-color " le indica el color de fondo y la etiqueta " color " le indica el color del texto.
En este enlace tienes una tabla de colores:
-> https://htmlcolorcodes.com/es/tabla-de-colores/
Si no quieres modificar el color de los avisos de joomla puedes crear una clase:
.green_box {
background: #1818;
color: #fff;
font-weight: 300;
padding: 16px 16px 16px 22px;
}
Puedes añadirlo directamente al archivo custom.
Lugo solo sería añadir esa clase al texto:
tu texto...........
Un saludo
Respondido : 29/08/2019 2:48 pm
Muchísimas gracias Pepe. La información me ha sido de gran utilidad.
Respondido : 30/08/2019 10:51 am
Hola David.
Nada, como siempre un placer poder ayudaros.
Cerramos el tema
Un saludo
Respondido : 30/08/2019 11:16 am
