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.