transparencias en los bloques

Hola Toni,

Ello te va a obligar a realizar muchos cambios en las CSS y las imágenes de la plantilla para que realicen esa transparencia.

No es una opción recomendable ya que cuando se aplican transparencias, lo que es la lectura de los textos de un sitio web se dificulta enormemente.

Saludos

Gracias Jordi.

Estoy de acuerdo en que la claridad de la información es lo primero sobre todo si te ganas la vida con ello.
Era sólo por "juguetear" un poco si no era demasiado complicado y ver un poco los resultados con un fondo clarito como el que he puesto yo.

Saludos

Hola Toni,

Como ejemplo podemos dar transparencia al modulo "acceso de usuarios" no sin antes realizar un respaldo de seguridad.

Te puedes dirigir al fichero: /templates/gk_yourshop/css/template.css en la línea 119 aproximadamente aumentar el estilo opacity:

#gk-header.two-modules #gk-header1 {
    -moz-box-sizing: border-box;
    opacity: 0.5;
    padding-right: 10px;
}

Saludos.

¿Porqué no me deja grabar el fichero una vez modificado?
Siempre tengo que bajármelo a mi pc, modificarlo en local, borrar o renombrar el que está en el servidor y volver a subir el que modifiqué en local.

Gracias Johnny,

¿Sabrías decirme porque esto de la opacity funciona en chrome y safari y NO en iexplorer?

Hola Toni:

Los atributos moz- solo funcionan en Mozilla que utiliza un motor para mostrar páginas web diferente a Internet Explorer y a Safari.
Cada motor interpreta de una u otra forma los códigos CSS y por eso es que hay tantos hacks CSS para diferentes navegadores y es todo un dolor de cabeza.

En tu caso, para que te funcione en todos, deberías colocarlo de esta forma:

#gk-header.two-modules #gk-header1 {
    -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box; /* para Safari/Chrome y otros WebKit */
     box-sizing: border-box;  /* Opera e IE */
    opacity: 0.5; /* Firefox y otros */
     -khtml-opacity: 0.5; /* Safari */
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8*/
     filter: alpha(opacity=50); /* IE 5 al 7 */
     -moz-opacity: 0.5; /* Netscape */
    padding-right: 10px;
}

De todas formas, en muchos casos el comportamiento difiere un poco.

Una gran ayuda.

Gracias Miguel