Aprende a adaptar tu diseño css.
* Para adaptar tu primer plantilla css vamos a usar de ejemplo la plantilla
Refresh 1.0, la podes descargar haciendo
->Click<- En algunas imagenes podes hacerles click para verlas mas grandes...
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
Y con eso terminò el tutorial
Cualquier duda preguntar por medio de email (figura en el inicio)
