agregar imagen en z...
 
Avisos
Vaciar todo

agregar imagen en zenith no me funciona

9 Respuestas
4 Usuarios
0 Reactions
1,209 Visitas
Respuestas: 1118
Noble Member
Topic starter
 

HOla estoy con la plantilla zenith deseo cambiar el backround de fondo por una imagen: indico en adjunto para ser mas claro.
en donde dice uno quiero poner una imagen
y donde dice 2 otra.
voy a la plantilla en sytles y donde dice backround images previo subida de la imagen la selecciono pero no la muestra'
como debo hacer? y en el 2 no se en que parte debo cambiar en la plantilla en su menu.
les agradezco si pueden ayudarme
www.pastoralmisionera.com/prueba


 
Respondido : 12/11/2013 12:51 am
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member Moderator
 

Hola Alberto,

Existen algunas extensiones que permiten cambiar el fondo de la plantilla de forma sencilla, tal como explicamos en los siguientes artículos del Blog de Webempresa:

- Cambiar el fondo de la plantilla JA Teline IV con mmBackground:
- Modificar el Background de nuestro sitio web en Joomla 2.5: https://www.webempresa.com/blog/item/929-modificar-el-background-de-nuestro-sitio-web-en-joomla-25.html

Pero si necesitas cambiar el fondo de la plantilla aleatoriamente, para que cada /n tiempo muestre una imagen diferente, puedes utilizar una extensión (de pago) llamada "Background photo animated" que te permite utilizar varias imágenes para que se muestren cada /n tiempo.

- Background photo animated module: http://www.joomla2you.com/extensions/view_document/67-background-photo-module-j15-j16-j17-j25-

El caso 2 es puntual tienes que utilizar CSS. En el siguiente artículo del Blog de Webempresa se explica el uso de Firebug, herramienta destinada a localizar cadenas de código, estilos, etc., desde tu navegador:

-

Firebug Lite for Google Chrome:
- https://chrome.google.com/extensions/detail/bmagokdooijbeehmkpknfglimnifench

Fifebug Firefox:
- https://addons.mozilla.org/es-es/firefox/addon/firebug/

Saludos.


 
Respondido : 12/11/2013 2:26 am
Respuestas: 1118
Noble Member
Topic starter
 

gracias prefiero tocar la hoja de estilo css. pensé que se podia cargar la imagen y seleccionarla de allí.
uso el firebug.. pero no me doy cuenta.. de como cambiar el body en lugar de blanco por una imagen
me ayudas con eso porfavor.


 
Respondido : 12/11/2013 3:44 pm
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

Hola,

Utilizando el Firebug puedes encontrar estas cosas. Para cambiar el fondo edita el archivo templates/tx_zenith/css/template.css y localiza el siguiente código:

.container {
  background: #fff;
  -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 3px 10px rgba(0,0,0,0.3);
  box-shadow: 0 3px 10px rgba(0,0,0,0.3);
}

Aquí puedes cambiar el valor de la propiedad background para que en lugar de cargar un color de fondo (en este caso el blanco), cargue una imagen.

Por ejemplo, se puede poner algo como:

background: url('../images/backgrounds/nombreimagen.jpg');

poniendo la imagen que quieres poner de fondo.


 
Respondido : 12/11/2013 5:05 pm
Respuestas: 1118
Noble Member
Topic starter
 

podriás indicarme como hago para cambiar este archivo en el template/less para que se mantenga el cambio ya que si lo hago en el template al borrar historial no se mantiene el cambio en el css.
gracias


 
Respondido : 21/11/2013 2:36 am
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member Moderator
 

Hola Alberto,

En el siguiente hilo te indique un articulo de Blog: https://www.webempresa.com/foro/27-Joomla!-25/129250-no-me-guarda-los-cambios-en-css.html

Saludos.


 
Respondido : 21/11/2013 3:56 am
Respuestas: 1118
Noble Member
Topic starter
 

si lo vi el video que me mandastes.. pero es con otra plantilla, lo que no encuentro es como poder agregarle una imagen de fondo. en la templates zenith en less. para que no se me vaya el cambio ya que lo hago en el template.css y no se mantiene el cambio se me borra.


 
Respondido : 21/11/2013 3:32 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola Alberto

Si no existe el estilo puedes agregarlo directamente al final del archivo template.less

.container {
  background-image: url('../images/backgrounds/nombreimagen.jpg');
}

Saludos.


 
Respondido : 21/11/2013 4:54 pm
Respuestas: 1118
Noble Member
Topic starter
 

ok gracias lo pruebo y te digo


 
Respondido : 21/11/2013 6:13 pm