TRANSPARENCIA A FON...
 
Avisos
Vaciar todo

TRANSPARENCIA A FONDO DE MODULOS

18 Respuestas
6 Usuarios
0 Reactions
3,550 Visitas
Respuestas: 60
Trusted Member
Topic starter
 

Buenas tardes,

Me gustaría saber como puedo hacer que los módulos de la derecha de mi web (el de newsletter, twitter, etc) cuyo fondo es gris se le pudiese dar transparencia, para que en el caso de que ponga una imagen como fondo de mi web esa parte no quede absolutamente gris, o, en su defecto, que el gris de fondo llegue justamente hasta donde termina la información del módulo y no se vaya completamente a la derecha.

Muchas gracias!

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 06/02/2013 5:53 pm
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

Hola Amaya,

Revisa la siguiente captura, donde puedes ver que estilo coloca un punto (dot) en imagen de background que muestra "right" en gris.

Debes tener en cuenta que se aplica para todo el contenedor div "right".

Nota: No escribas los título en mayúsculas, por favor, no es de netiqueta.

Saludos


 
Respondido : 06/02/2013 6:07 pm
Respuestas: 60
Trusted Member
Topic starter
 

Hola Luis,

Estoy ya en la plantilla, lo siento mucho pero no me he enterado de que es lo que tengo que hacer exactamente... :blush:


 
Respondido : 06/02/2013 6:32 pm
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member Moderator
 

Hola Amaya,

Los cambios que indicas implica modificación 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 : 06/02/2013 11:57 pm
Respuestas: 60
Trusted Member
Topic starter
 

Gracias Johny, los videos ya los había visto. Tengo ubicado donde tengo que hacer el cambio tal y como me ha indicado Luis, lo que no termino de entender es cual es exactamente el cambio que tengo que hacer cuando el me dice: coloca un punto (dot) en imagen de background que muestra "right" en gris.

He adjuntado pantallazo de mi plantilla por si me podéis indicar exactamente que es lo tendría que poner,

Muchas gracias


 
Respondido : 07/02/2013 12:16 am
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member Moderator
 

Hola Amaya,

Lo que te indico Luis es que comentes la linea de la siguiente manera: /* */ para que dicho código se oculte: http://www.webtaller.com/construccion/lenguajes/css/lecciones/comentarios-css.php

Saludos.


 
Respondido : 07/02/2013 12:30 am
Respuestas: 60
Trusted Member
Topic starter
 

¿Sería posible que me escribieseis como tiene que quedar finalmente la línea?
Así es como está ahora:


 
Respondido : 11/02/2013 5:08 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola Amaya

El estilo que debes cambiar es la clase #ja-container , en el archivo template.css, tal como se muestra en la imagen adjunta, debes ubicar la línea de código 937 en este archivo template.css, luego comenta o elimina el background-image el cual es una imagen que tiene una parte blanca y una parte gris que da la apariencia de que una parte sea gris.

En la imagen se utiliza el background-color:blue para que veas el resultado de elminar la imagen de fondo.

Saludos.


 
Respondido : 11/02/2013 10:10 pm
Respuestas: 60
Trusted Member
Topic starter
 

Sigo sin poder dar transparencia a esta parte de mi web, he intentado hacer lo que me habéis dicho pero no funciona. Supongo que algo no estaré haciendo del todo bien...
¿me podriaís dar instrucciones más detalladas? o, ¿de que manera podría resolverlo?


 
Respondido : 15/03/2013 12:18 pm
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

Hola,

Por lo que veo ya has quitado el color gris.

He revisado la plantilla que estás usando y veo que vas a tener un problema debido a que toda la parte de la web (parte de contenidos y columna de la derecha) se le aplica un fondo común, en este caso blanco. Por tanto, si quitas este fondo te quedaría toda la parte de la web transparente.

Aunque se podría quitar este fondo y dejar uno solo para la parte de contenidos el resultado sería malo.

En todo caso te digo lo que tendrías que hacer. Edita el archivo templates/ja_methys/css/template.css y, al final del todo, añade el siguiente código:

#ja-container .main {
background: none !important;
}

#ja-mainbody {
background: #fff;
}

Antes de aplicar estos cambios realiza una copia de seguridad del archivo template.css para poder volver atrás en caso de que detectes problemas.


 
Respondido : 15/03/2013 1:41 pm
Respuestas: 60
Trusted Member
Topic starter
 

Yo no veo que lo haya quitado,
Si entra en mi web www.rut-a67.com podrá ver que en la parte de la derecha no se ve la imagen de fondo de la web sino color gris.
Lo que me gustaría es que se vea el fondo de la fotografía,
gracias!!!


 
Respondido : 15/03/2013 1:50 pm
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

Hola,

Eso es porque no debes haber añadido la imagen de fondo en el lugar correcto. Tendrías que indicarnos dónde has aplicado el cambio.

El sitio correcto sería en el archivo template.css de antes, concretamente aplicando el cambio en el siguiente código:

#ja-container {
background: url(../images/container-bg.gif) repeat-y center top;
}

Tendrías que sustituir la imagen de fondo por la tuya.


 
Respondido : 15/03/2013 2:09 pm
Respuestas: 60
Trusted Member
Topic starter
 

Igual no me he explicado bien, lo que me gustaría es que se vea la imagen que yo tenga puesta como fondo de la página web completa (el pelotón ciclista)

Gracias!!


 
Respondido : 15/03/2013 2:16 pm
Hicham
Respuestas: 1908
Noble Member Suspendido
 

Hola Amaya,

Entendemos que refieres a lo que indica esta imagen.¿ cierto ?


 
Respondido : 15/03/2013 2:24 pm
Respuestas: 60
Trusted Member
Topic starter
 

Vale, perfecto, ya está!

Ahora modificare el fondo para que se pueda ver mejor el texto.

Me podéis indicar que tendría que añadir para conseguir el mismo efecto en los dos módulos del centro que quedan con fondo blanco?

muchas gracias!!


 
Respondido : 15/03/2013 2:28 pm
Página 1 / 2