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