Incluir foto de fondo en un articulo  

Hola David,

Disculpa si no comprendo muy bien, cuando te refieres a menú de login supongo que es el panel de administrator, cuando vas a ingresar al backend del joomla?, si es el caso puedes darle un vistazo a esta extensión:

Contenido solo visible a usuarios registrados

Sin embargo por lo que se muestra es de pago asi que verifica bien con el desarrollador antes de efectuar cualquier compra de extensiones

Con respecto al articulo no comprendo del todo si pudieses enviarnos un ejemplo de lo que necesitas pero por lo que se entiende necesitarías de css para aplicar este cambio.

Un saludo 🖐️ 

@argenis A lo que me refiero es a poner una fotografía de fondo en toda la página, en determinados articulos. Pero no como foto incrustada, sino como fondo de pantalla en ese articulo. No en toda la web. Hablo del front end.

Respondido por: 

@argenis A lo que me refiero es a poner una fotografía de fondo en toda la página, en determinados articulos. Pero no como foto incrustada, sino como fondo de pantalla en ese articulo. No en toda la web. Hablo del front end.

Por ejemplo.. aunque estas capturas son un ejemplo de lo que pregunto, por ejemplo en la página de login (Poner un fondo, ver capturas). Lo mismo para articulos de texto en los que aparece el fondo blanco y prefiero sustituirlo por una textura. Como se ve en estas imagenes, por ejemplo. Que he montado con Photoshop para hacer el ejemplo.

Sin fondo

Con fondo

Hola David,

Para ello debes aplicar css con el id especifico de la página o post donde quieres insertar la imagen de fondo y verificar claro esta si es posible por medio de css es por ello que necesitaríamos un url de ejemplo de donde lo quieres aplicar para poderte decir en caso que sea posible por css los pasos a seguir para hacerlo.

Un saludo 🖐️ 

Hola Argenis,

Mi consulta es general, para cualquier web. En realidad me preguntaba si existía una manera sencilla (como decía al inicio). O bien de pegar un código css, en alguna parte del backend del articulo, o sencillamente, como se hace poner una foto de fondo en un articulo en concreto.

Me sirve cualquier web, tenemos varias. Por ejemplo aquí (que es un articulo cualquiera.. sobre el que aplicar un fondo) http://www.isp-audio.com/instalaciones/instalacion-iluminacion/5111-control-a-distancia-para-el-show-de-purple-schulz

Muchas gracias

Hola David,

Se ha solapado el mensaje que has enviado junto con el de las imágenes y no lo he visto, el problema es que no puedes aplicar un css general que se aplique de la misma forma a cualquier instalacion que tengas con un formulario y un fondo, a simple código el fondo deberias aplicarlo al body:

body {
background-image: url(url de la imagen);
}

Por defecto se aplica un fondo y se repite tanto vertical como horizontalmente para que al subir una imagen pequeña puedas aplicarlo a toda la web sin afectar en el peso de la misma, este mismo código aplica para la url que me compartes si te refieres al color gris que se encuentra de fondo actualmente.

Un saludo 🖐️ 

Buenos días,

No me queda clara la primera parte de tu explicación. Supongo que debo entender que no se puede aplicar una foto que sea un fondo, en un articulo dentro del backend del propio articulo. Que es lo que preguntaba.

Tampoco entiendo bien donde se inserta este código que mencionas. ¿dentro del articulo? ¿en un archivo Css ? ¿en cuál?

Muchas gracias,

Hola David.

cada página tiene su propio código, es decir, no hay un código estándar para todas las web ya que cada desarrollador utiliza unos nombres de clases distintos.

Por ejemplo para la url Contenido solo visible a usuarios registrados puedes utilizar lo siguinete:

div#rt-mainbody-surround {
background-image: url( http://www.isp-audio.com/images/0_2021_REDACCI%C3%93N/1.ENERO21/MA-Lighting_Purple-Schulz_HI.jpg );
}

Con este código tendrás el mismo Background para todas las las página del dominio isp-audio

Si quieres un backgroun distinto en una pagina especifica hay que especificar el ID de esa página, un ejemplo con el código anterior sería el siguiente:

.page-id-166 div#rt-mainbody-surround {
background-image: url( http://www.isp-audio.com/images/0_2021_REDACCI%C3%93N/1.ENERO21/MA-Lighting_Purple-Schulz_HI.jpg );
}

Como ves con la etiqueta .page-id-166 le indico el ID de la página donde quiero que muestre esa clase.

 donde se inserta este código que mencionas.

Seguimos con el mismo dominio anterior ya que como comente cada instalación es distinta.

Para ese dominio puedes añadirlo en el archivo " dione-custom.css " que encontras en templates -> dione -> css " dione-custom.css "

Un saludo

Ahora si,

Pensé que tal vez desde el backend del articulo se podría añadir "poner , elegir un fondo para el articulo. No sería una mala cosa.

Meridiano Pepe. Muchas gracias.

Hola David.

Gantry sí que permite modificar el Background pero solo de color no hay poción de imagen, para añadir imagen tiene que ser por CSS.

-> https://github.com/gantry/gantry5/issues/1363

Un saludo