Estilos en editor d...
 
Avisos
Vaciar todo

Estilos en editor de texto

8 Respuestas
2 Usuarios
0 Reactions
51 Visitas
David
Respuestas: 1098
Noble Member
Topic starter
 

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 11:01 am
Pepe
 Pepe
Respuestas: 41119
Illustrious Member Admin
 

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 11:58 am
David
Respuestas: 1098
Noble Member
Topic starter
 

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 12:02 pm
Pepe
 Pepe
Respuestas: 41119
Illustrious Member Admin
 

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 12:48 pm
David
Respuestas: 1098
Noble Member
Topic starter
 

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 12:59 pm
Pepe
 Pepe
Respuestas: 41119
Illustrious Member Admin
 

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 1:48 pm
David
Respuestas: 1098
Noble Member
Topic starter
 

Muchísimas gracias Pepe. La información me ha sido de gran utilidad.


 
Respondido : 30/08/2019 9:51 am
Pepe
 Pepe
Respuestas: 41119
Illustrious Member Admin
 

Hola David.

Nada, como siempre un placer poder ayudaros.
Cerramos el tema

Un saludo


 
Respondido : 30/08/2019 10:16 am