Cargando el contenido...

lautiito - Todo para tu web

adaptarcss

¿Como adaptar un diseño CSS?


* Para adaptar tu primer plantilla css vamos a usar de ejemplo la plantilla Refresh 1.0

Para ver la imagen mas grande, clic derecho >> Ver imagen...




Primer paso:
                            Hay que extraer el archivo .zip, entonces nos dara una carpeta llamada refresh1-0, dentro de ella habrà un archivo html llamado Index y una carpeta llamada Images y dentro de la misma un archivo .css llamado Refresh.

        



Segundo paso:
                                 Hay que abrir el archivo Index con el block de notas o si tenès el notepad++ (seria mejor).


Despues nos aparece esto (en mi caso que uso notepad++ me sale asi)




Tercer paso:
                                 Abrimos el Index en Mozilla Firefox o Internet Explorer y vamos a ver esto:




Cuarto paso:
                                 Como se ve en la imagen, el contenido empiesa en el titulo "Template Info" y termina en un formulario que dice "Enviar consulta". Ahora lo que vamos a hacer es buscar la linea "Template Info" y vamos a seleccionar todo hasta el Formulario (<form></form>) y lo borramos.




Quinto paso:
                                  Ahora les explico que parte va en "Texto por encima" y "Texto por debajo", en la imagen se ve:




Sexto paso:
                                  Nos queda lo ultimo que es editar el archivo .css, para eso lo abrimos y vemos esto:




Sèptimo paso:
                                  dentro del archivo .css vamos a tener que leer renglon por renglon, hasta que encontremos algo parecido a esto:


Si nos fijamos en la carpeta images aparece el nombre de la imagen que se muestra:




Lo que hacemos es subir esa imagen a un host que aloje imagenes y reemplazamos el nombre que figura por el link:


 Una vez que esten todas las imagenes colocadas como se muestra anteriormente, copiamos todo el codigo y lo pegamos en Css-Code sin Style-Tags
 Pero antes de colocar el codigo CSS de su plantilla, deben poner lo siguiente:
 



 Colocan ese codigo, y luego el de su plantilla.

Hoy nos visitaron 2 personas y miraron 30 paginas!
=> ¿Desea una página web gratis? Pues, haz clic aquí! <=