Avisos
Vaciar todo

Incluir foto de fondo en un articulo  

 
David
 David
Noble Member

Buenas noches,

Me preguntaba si existe una manera sencilla, incluso desde el propio articulo (backend ) y sin tener que entrar en Css ni similares, para que un menu de Login, o un articulo en concreto, tenga una foto de fondo concreta.

Muchas gracias

Contenido solo visible a usuarios registrados

Citar
Respondido : 10/01/2021 9:38 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

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 🖐️ 

ResponderCitar
Respondido : 10/01/2021 10:41 pm

Cursos Gratuitos WordPress

David
 David
Noble Member

@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.

ResponderCitar
Respondido : 10/01/2021 10:58 pm
David
 David
Noble Member
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

Sin fondo

 

Con fondo

Fondo2

 

Esta publicación ha sido modificada el hace 2 semanas por Pepe
ResponderCitar
Respondido : 10/01/2021 11:13 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Argenis
 Argenis
Soporte CMS Webempresa Moderator

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 🖐️ 

ResponderCitar
Respondido : 10/01/2021 11:27 pm
David
 David
Noble Member

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

 

ResponderCitar
Respondido : 10/01/2021 11:50 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Argenis
 Argenis
Soporte CMS Webempresa Moderator

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 🖐️ 

ResponderCitar
Respondido : 10/01/2021 11:56 pm
David
 David
Noble Member

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,

ResponderCitar
Respondido : 11/01/2021 9:25 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Pepe
 Pepe
Soporte CMS Webempresa Admin

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

 

 

Esta publicación ha sido modificada el hace 2 meses por Pepe
ResponderCitar
Respondido : 11/01/2021 10:30 am
David
 David
Noble Member

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.

ResponderCitar
Respondido : 11/01/2021 10:57 am

Cursos Gratuitos WordPress

Pepe
 Pepe
Soporte CMS Webempresa Admin

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.

screenshot diariserpis.com 2021.01.11 12 44 45

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

 

Un saludo

 

 

 

ResponderCitar
Respondido : 11/01/2021 11:47 am