Adaptar Plantilla
Adaptar plantilla CSS-desing a PWG
En este tutorial les mostrare como adaptar una plantilla CSS-Desing a PWG. Es importante que sigan todos los pasos sin saltearse ninguno.1. Tenemos que buscar alguna plantillas asi que entraremos a www.free-css.com y hacemos click en "Free CSS Templates".
2. Tendremos muchas plantillas para elegir pero les recomiendo que empiecen con la que usare en este tutorial como ejemplo. Yo elegi la Grey Blog que pueden encontrarla aqui. Presionaremos sobre ella y nos aparecera la informacion de la plantilla, pondremos "Download the Template" para descargarla o si la queremos verla pondremos ""Live Demo".
3. Una vez descargada la plantilla aparecera el archivo comprimido. Lo tendremos que descomprimir para ello yo usare WinRar pero ustedes pueden usar cualquiera. Con WinRar seguiremos estos pasos para descomprimir el archivo. Haremos click con el boton derecho sobre el archivo y pondremos "Extraer aqui".
4. Ahora tendremos que buscar el CSS-Code. Este estara incompleto ya que flatan las urls de las imágenes del diseño. Tendremos que subir las imágenes nosotros, yo recomiendo www.xooimage.com y poner las urls en el diseño. En este caso en las partes que marque.
IMPORTANTE: No se olvide de agregar el código siguiente al CSS-Code:
5. Tenemos el CSS-Code pero nos falta el "Texto por encima de la página" y el "Texto por debajo de la página". Entraremos en el archivo index. Veremos el diseño que descargamos pero tenemos que recordar con que palabras empiesa el contenido y con que palabras finaliza.
6. Sin salir del index iremos a: Ver/ Código de fuenta de la página y buscaremos dentro del código las palabras con que comenzaba y finalizaba el contenido.
Lo que esta antes del texto que marque es el "Texto por encima de la página".
Lo que esta despues de el texto que aparece en la imagen es el "Texto por debajo de la página".
Ya tenemos todos los códigos que necesitabamos, ahora sólo nos faltaria poner el diseño en PWG.
Fuente: Paginawebgratis.es
