Adaptar plantilla css a pwg
En este tutorial aprenderas de una forma facil, como adaptar una plantilla css-desin a pwg (Sitio de internet Gratis)
Bueno para adaptar una plantilla pwg primero ingresamos a la pagina donde podemos descargar el diseño, puedn ingresar a
free-css.com para descargarlas.
Yo he escogido algunos de los mejores diseños para adaptar de esta web si los quieres ver da
click aqui!
Al tener el diseño yá descargado lo descomprimimos el archivo y despues comenzamos a editar.
Primero editamos las imagenes, las subimos a la web puede ser desde controlar imagenes en (pwg).
luego en el layout (css-desing) de la plantilla que descargamos buscamos la imagen que se debe agregar, ejemplo:
"../images/blue_file.gif" clocamos la url de la repectiva imagen y listo. Al agregar todas las url de las imagenes guardamos y listo.
(ese sera el codigo css-desing de la plantilla).
Antes de agregar el codigo a style css-desing de pwg debemos colocar el siguiente codigo, de lo contrario no se adaptar bien.
Despues de agregarlo dejamos unos espacios y luego colocamos el codigo css que editamos.
Para conseguir los otros dos codigos (
texto por encima y texto por debajo de la pagina) ingresamos al index de la plantilla que estara en el archivo que descargamos.
al cargarse la pagina, damos click derecho y otro click en ver codigo de fuente.
Seleccionamos el codigo hasta donde termine el encabezado y comienze el contenido de la pagina.
Ejemplo:
|
En este cazo, el encabezado termina justo antes del comienzo de las imagenes, las cuales son el contenido del template. |
Para elcodigo del pie de la pagina, podemos buscar el footer (si el template tiene box, buscamos el inicio del los box depende de la ubicacion)
Ctrl+ F para buscar mas facil, copiamos y agregamos a pwg.
Depsues guardamos y listo ya tenemos el diseño en la web.
Si te ha gustado este tutorial puedes agradecerme en el Chat que se encuentra a la derecha de la pagina.
Suerte con tu edicion y chaos.