Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

Imagen detallada phoca gallery debajo de menú y logo  

 
Gloria
 Gloria
Usuario experto

Hola, tengo un problema con la visualización de las imágenes con phoca gallery. Cuando la imagen es grande aparece el menú y el logotipo por delante.

No sé donde solucionar esto y si se puede o es defecto de la plantilla.

Aquí os mado una captura para q veais como se ve.

Tengo instalado el joomla 1.7, la plantilla es j51_oxygen, y el phoca gallery 3.1.1

Gracias de antemano.

Saludos
Gloria

Citar
Respondido : 08/01/2012 10:44 am
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Gloria

Envia la url de tu sitio web, no se aprecia muy bien en la imagen, es posible que sea necesario hacer algunas modificaciones a los archivos de estilos de tu template.

Saludos.

ResponderCitar
Respondido : 08/01/2012 3:00 pm

Cursos Gratuitos WordPress

Gloria
 Gloria
Usuario experto

Hola Jhon, aquí tienes el acceso directo a la galería de prueba (con imágenes a 1000 px de ancho) donde se aprecia bien lo que comento:

http://geoiberi-cp38.webjoomla.es/index.php/galeria/category/2-accion

Salu2 y gracias

ResponderCitar
Respondido : 08/01/2012 4:43 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Gloria,

Previa copia de seguridad, preferible con Akeeba Backup, realiza el siguiente cambio en el archivo "template.css" en la carpeta templates/j51_oxygen/css/template.css, línea 162:

h1.logo a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background-attachment:scroll;
background-color:transparent;
background-image:url(../images/logo.png);
background-position:0 0;
background-repeat:no-repeat;
display:block;
height:133px;
left:0;
position:relative;
top:0;
width:100%;
z-index:99994;
}

Si te fijas en la última línea z-index, tiene un valor muy alto, ponlo en 1; y guarda los cambios, limpia la caché de tu navegador y prueba a visualizar las galerías.

Saludos

ResponderCitar
Respondido : 08/01/2012 8:51 pm

Gloria
 Gloria
Usuario experto

Hola Luis, gracias por tu información, he seguido todos los pasos, pero no funciona. He dejado el cambio en template.css para que lo veas por ti mismo. Ya lo cambio después.

¿Alguna otra sugerencia?.

Salu2
Gloria

ResponderCitar
Respondido : 09/01/2012 8:40 am
Jordi Sala
 Jordi Sala
Miembro Admin

Hola Gloria,

Cambia las CSS Contenido solo visible a usuarios registrados

#top {
    background: url("../images/hornav.png") no-repeat scroll 50% 0 transparent;
    border: 0 none;
    float: left;
    height: 60px;
    margin-bottom: 0;
    padding: 0;
    position: relative;
    width: 958px;
    z-index: 999999;
}

dando al z-index un valor más bajo:

#top {
    background: url("../images/hornav.png") no-repeat scroll 50% 0 transparent;
    border: 0 none;
    float: left;
    height: 60px;
    margin-bottom: 0;
    padding: 0;
    position: relative;
    width: 958px;
    z-index: 9;
}

Saludos

ResponderCitar
Respondido : 09/01/2012 11:12 am

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

Gloria
 Gloria
Usuario experto

Hola Jordi, pues si que funciona, el menú ya no se ve, solo sale por encima el logo...

Si se puede bajar el logo a un nivel inferior (para q no se vea), agradecería mucho q me dijerais como, y si no, pues no pasa nada, queda como una "marca de agua" q puede pasar.

Muchas gracias a todos, q antes se me olvidó pulsar el botón.

Salu2
Gloria

ResponderCitar
Respondido : 09/01/2012 11:47 am
Gloria
 Gloria
Usuario experto

En realidad creo q igual está pensada esta plantilla para que en las galerías quede el logo por encima. Cuando la foto detallada es más pequeña queda muy bien el logo.
Salu2
Gloria

ResponderCitar
Respondido : 09/01/2012 11:50 am

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

Jordi Sala
 Jordi Sala
Miembro Admin

Hola Gloria,

No me había fijado en que hace un efecto de marca de agua el logo. 🙂

Puedes hacer que quede por debajo de la imagen, cambiando el z-index Contenido solo visible a usuarios registrados

h1.logo a {
    background: url("../images/logo.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 133px;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 99994;
}

por

h1.logo a {
    background: url("../images/logo.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 133px;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 6;
}

Saludos

ResponderCitar
Respondido : 09/01/2012 2:57 pm
Gloria
 Gloria
Usuario experto

Muchas gracias Jordi.

La verdad... igual dejo el logo por encima como una marca de agua (aunque más bien podriamos llamarla de ácido sulfúrico 🙂 ) ... fíjate... no queda mal... tiene su cosa.

De todas formas ahora tengo las dos opciones.

Sois máquinas.

Salu2
Gloria

ResponderCitar
Respondido : 09/01/2012 3:36 pm

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