Patrocinador Oficial "arthosting"
 
 
Free Website Templates

Statings

Adaptar plantillas 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.









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 marque es el "Texto por debajo de la página".

Quedaría así:

Texto por encima de la página:



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. Para ello pueden ver este tutorial.

Fuente: kilometro6
 
 
Patrocinadores
 
125x125 banner 1
125x125 banner 2
125x125 banner 3
125x125 banner 4
 
Comentarios
Porque la web Estubo Tanto tiempo offline?
Porque estuvimos en muchos hacks y Desapartes que nos Llevaron a estar Tanto tiempo fuera
Que Contenidos Ofrecemos?
literalmente le ofrecemos contenido de todo tipo especialmente Diseño Grafico.
Quieres Dar tu Opinion, oh dar un Aporte?
pues es muy Facil Darnos tu Opinión o Aporte Simplemente Escribamos en el menu de Contacto.
Nuestros patrocinadores
Nuestros patrocinadores son "artehostings" lo cual ofrece los mejores Servicios como son Dominios, Vps y mucho mas...
que nos Ofrece Artehostings?
los mejores Servicios lo cual nos Facilita y nos hace los mejores. puede Escribirles en su hotmail: ventas@artehosting.com.mx
 
 
 
 
 
 
 
 
Nuestro Patrocinador Oficial ArteHosting.com.mx => ¿Desea una página web gratis? Pues, haz clic aquí! <=