26/1/15

Tutorial: Footer / Pie de página con imagen

Hola hoy les traigo este tutorial que me pidieron, que es sobre como poner una imagen en el Pie de Página como lo tengo yo, aquí les dejo una imagen de otra plantilla que se ve más claro :)


Para tener el resultado que queremos lograr debemos tener puesta la Plantilla Picture Windows
Vamos a:
Plantilla / Editar HTML / CTRL + F y buscas:
/* Footer
Ahora debajo de /* Footer borras el código seleccionado en esta imagen:

Y reemplazamos el código que borramos por el siguiente:
.footer-outer {
background: url(URL DE TU IMAGEN FOOTER)no-repeat;
background-position: bottom center;
width:950px;
height:170px;
clear:both;
margin:0 auto;
padding-top:0px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:-1em;
text-align: center;
}
Algo así les debe quedar:
Les dejo unos pequeños regalos de mi parte para ustedes para que usen en sus footers :33

Créditos a Annyz por el código

Espero que les haya gustado el tutorial :3

4 comentarios:

  1. Oh muchas gracias estaba buscando mucho este tuto tal vezlo utilice para mi proximo diseño XD

    ResponderEliminar
  2. Gracias por el tutorial,besos ^3^

    ResponderEliminar
  3. Me encanto!! cuando este con la computadora seguro lo pongo !! con los créditos XD gracias por el tuto !!

    Besos

    ResponderEliminar

Reglas:
-Respeto
-No insultar

¡Gracias por comentar!

Emojis:
(∩ω∩) | (>△<) | (>▽<) | (⊙▽⊙) | (●ω●) | (╯ω╰) | (☆▽☆) | (≧ω≦) | ≡(▔﹏▔)≡
Simbolos:
☺♥♫△☆ღ