Avisos
Vaciar todo

TRANSPARENCIA A FONDO DE MODULOS  

Página 1 / 2
 
Amaya
 Amaya
Usuario experto

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

Citar
Respondido : 06/02/2013 5:53 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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

ResponderCitar
Respondido : 06/02/2013 6:07 pm

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

Amaya
 Amaya
Usuario experto

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:

ResponderCitar
Respondido : 06/02/2013 6:32 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro 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:

- https://www.webempresa.com/blog/usando-firebug-para-modificar-la-apariencia-de-una-plantilla-joomla.html

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

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

Saludos.

ResponderCitar
Respondido : 06/02/2013 11:57 pm

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

Amaya
 Amaya
Usuario experto

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

ResponderCitar
Respondido : 07/02/2013 12:16 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro 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.

ResponderCitar
Respondido : 07/02/2013 12:30 am

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

Amaya
 Amaya
Usuario experto

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

ResponderCitar
Respondido : 11/02/2013 5:08 pm
Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 11/02/2013 10:10 pm

Cursos Gratuitos WordPress

Amaya
 Amaya
Usuario experto

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?

ResponderCitar
Respondido : 15/03/2013 12:18 pm
Pablo Velasco
 Pablo Velasco
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.

ResponderCitar
Respondido : 15/03/2013 1:41 pm

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

Amaya
 Amaya
Usuario experto

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!!!

ResponderCitar
Respondido : 15/03/2013 1:50 pm
Pablo Velasco
 Pablo Velasco
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.

ResponderCitar
Respondido : 15/03/2013 2:09 pm

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

Amaya
 Amaya
Usuario experto

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!!

ResponderCitar
Respondido : 15/03/2013 2:16 pm
Hicham
 Hicham
Miembro Admin

Hola Amaya,

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

ResponderCitar
Respondido : 15/03/2013 2:24 pm

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

Amaya
 Amaya
Usuario experto

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!!

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