Avisos
Vaciar todo

Dejar pie de página fijo en template gk_coffe  

 
Juan
 Juan
Noble Member

Hola muy buenas amigos,

Me gustaría saber como puedo hacer para dejar fijo el pie de pagina de un sitio que estoy realizando, he instalado el pack coffe de webempresa.

El problema que tengo es que he cargado una imagen, que es la que se debe de ver en el pie de página, pero el pie de página en función del contenido que haya en el sitio web se hace mñas pequeño o mas grande y mueve la imagen que he cargado. Dejo un par de capturas.

Así es como me gustaria que quedase en toda la web.

Contenido solo visible a usuarios registrados

Imagino que una de las soluciones más rápidas irá por editar el template con un código que haga que bottom o no se exactamente qué, quede fijo... pero no sé, he probado muchas cosas y no acabo de encontrar la solucion, me podeis echar una mano.

Muchas Gracias!

Citar
Respondido : 27/10/2013 12:02 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola Juan,

Veo que estas tocando el body para colocar la imagen, te recomendaría mejor buscar el contenedor del pie de la pagina. 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 : 27/10/2013 5:19 pm

Cursos Gratuitos WordPress

Juan
 Juan
Noble Member

Gracias por tu respuesta Johnny,

El componente firebug, lo utilizo muy amenudo para editar texto, localizar el erchivo que he de editar, linea exacta y demás, la verdad es que me muy útil. Pero en ésta ocasión la verdad es que he dado mil vueltas antes de marear a la gente del foro y no he encontrado solucion, por eso he acudido aquí.

Me podriais indicar alguna posible solucion??

Muchas gracias!

ResponderCitar
Respondido : 27/10/2013 5:57 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Juan,

Interpreto que lo que tratas de hacer es que "siempre" se vea el footer o pie de imagen de flores en la web, en la parte inferior del navegador y el scroll de la web se haga sobre el resto de elementos ¿correcto?.

Esto implica tocar CSS y posiblemente el layout de tu plantilla.

Para empezar tendrías que declarar una posición fija a tu plantilla, por ejemplo si se llama "copyright" la posición:

#copyright
{
position: fixed;
bottom: 0;
}

También tendrás que plantearte en hacer un pattern de la imagen de flores (no una imagen completa) así podrás repetirla horizontalmente de forma automática para que se adapta al ancho del navegador en el que se visualice tu web:

 background:url(../images/tus_florecitas.jpg) no-repeat fixed;

También el valor z-index jugará un papel importante para que este elemento del footer quede siempre en primer plano y no detrás de otros elementos al hacer scroll:

 z-indez:100;

Esto apenas son unas pinceladas de lo que supondrá que puedas tener un pie fijo siempre visible y que pasa por usar Firebug, trabajar con CSS y posiblemente tocar algo de php.

No ofrecemos soporte a webs alojadas en localhost ni soporte css o programación.

Saludos

ResponderCitar
Respondido : 27/10/2013 7:18 pm

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

Juan
 Juan
Noble Member

Hola de nuevo,

Despues de dar muchas vueltas y tratar de editar distintos código, he encontrado otra posible solucion que no sea tan...tan...
He creado un módulo personalizar HTML, he creado una columna a la que le he puesto como fondo la imagen de las florecitas, he ajustado el tamaño a 1200x80px y la verdad es que creo que va a dar menos ploblemas.

El problema que tengo es que cuando paso el cursor porn cencima la imagen se sombrea. Adjunto capturas con la configuracion de la tabla

Si no pongo la tabla y simplemente pongo la imagen, no se sombre al pasar el cursor, pero no puedo poner el texto que aparece ni los links.

Saludos!

ResponderCitar
Respondido : 30/10/2013 10:09 am
Jordi Sala
 Jordi Sala
Miembro Admin

Hola Juan,

No veo ningún tipo de sombreado al pasar el ratón por encima de la imagen, y el enlace de Webservi funciona, he probado con IE 10, Firefox y Chrome.

Saludos

ResponderCitar
Respondido : 30/10/2013 11:44 am

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