Avisos
Vaciar todo

transparencias en los bloques  

 
Antonio Ortiz
 Antonio Ortiz
Usuario experto

Hola copañer@s

¿Es posible darle transparencia a los bloques?
Entiéndase por bloques las partes donde van los menús, los productos, las fotos de los catálogos, donde ingresan los suscritos, etc.

Gracias

URL del sitio: http://www.potshop.es/index.php

Citar
Respondido : 26/04/2012 4:01 pm
Jordi Sala
 Jordi Sala
Miembro Admin

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

ResponderCitar
Respondido : 26/04/2012 4:12 pm

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

Antonio Ortiz
 Antonio Ortiz
Usuario experto

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

ResponderCitar
Respondido : 26/04/2012 5:17 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

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.

ResponderCitar
Respondido : 27/04/2012 6:01 am

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

Antonio Ortiz
 Antonio Ortiz
Usuario experto

¿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.

ResponderCitar
Respondido : 27/04/2012 12:51 pm
Antonio Ortiz
 Antonio Ortiz
Usuario experto

Gracias Johnny,

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

ResponderCitar
Respondido : 27/04/2012 12:59 pm

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

Miguel Tuyaré
 Miguel Tuyaré
Honorable Member

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.

ResponderCitar
Respondido : 27/04/2012 1:35 pm
Antonio Ortiz
 Antonio Ortiz
Usuario experto

Una gran ayuda.

Gracias Miguel

ResponderCitar
Respondido : 27/04/2012 2:38 pm

Cursos Gratuitos WordPress