(TUTORIAL) INSERTAR EN TU WEB UNA PLANTILLA CSS

Ayudas para los usuarios principiantes; y que ubicarán fácilmente en este subforo.

ModeradorCOLON Moderadores

Avatar de Usuario
Pablo
Administrador
Administrador
MensajesCOLON 2411
RegistradoCOLON 25 Nov 2006 23:26
UbicaciónCOLON Granada
CONTACTCOLON

(TUTORIAL) INSERTAR EN TU WEB UNA PLANTILLA CSS

Notapor Pablo » 21 Mar 2013 04:05

Parece largo y difícil, pero, en cambio, ¡es muy fácil! Sigue los pasos y tendrás tu plantilla :wink:

Para poner una plantilla es muy aconsejable tener Servicio Plus ya qeu quita la publicidad y no hay límite de imágenes, es muy difícil poner una plantilla sin Servicio Plus ya que no se pueden poner más de 15 imágenes.


1. Descárgate la plantilla (zymic.com, freewebtemplates.com..)

2. Extraela en una nueva carpeta en el escritorio (se necesita winrar ;; Clic derecho > Extraer aquí)

Imagen

3. Te aparecerán una carpetas y demás arhivos, pero hay uno llamado index, dale un clic derecho >> Abrir con >> Bloc de notas (En XP)

Se te abrirá el docuemnto INDEX con el bloc de notas: Habrá mucho código pero no te asustes

En vista hay otra manera de abrir un documento con bloc de notas, es fácil pero no puedo poner pantallazos porque tengo XP

Imagen

4. Dale a Edición >> Reemplazar

Imagen

Te aparecerá una ventana

4. En el recuadro que al lado pone buscar escribe "images" y en reemplazar por escribe "userfiles". Después de esto dale a reemplazar todo.

Debería quedar así:

Imagen

¡No cierres el bloc de notas!

4. Entra en tu página web de Palimpalem:

:arrow: Editar/Cambiar mis páginas existentes

:arrow: Selecciona la opción "editar código"

:arrow: Después clica en el apartado que quieres editar

Imagen

Se te abrirá el editor de codígo

5. Regresa a el bloc de notas, dale un clci derecho a cualquier parte del texto >> Selecionar todo y después, otra vez clic al texto con el botón derecho del ratón y "copiar"

ImagenImagen

6. Regresa al editor de código de Palimpalem

Dale un clic derecho en el editor y selecionar todo. Seguidamente, dale un clic derecho a cualquier parte del editor y pegar.

ImagenImagen

7. Mantén pulsado "control" y pulsa F

Se te abrirá el dialogo de búsqueda

Escribe "title" al lado de Buscar y dale a siguiente, si no lo encuentra, dale a anterior (esto pasaría seleccionaras algún texto)

Se seleccionará la palabra title del texto

Debe haber algo así: <title>Site Name</title>

Donde pone Site Name (eso puede variar) en este caso habría que borrar Site Name y escribir el título de tu web, por ejemplo:

<title>San Andreas 4 Live</title>

:arrow: Haz solo este paso si en la carpeta donde extraiste la plantilla hay un docuemnto llamado "css" o "style"

Ves al editor de palimpalem. Ves arriba del todo del código y busca la palabra <head> seguidamente inserta este código

CódigoColon Seleccionar todo

<style>
   //código CSS
</style>


Quedaría así:

<head><style>
//código CSS
</style>

Ves a la carpeta de la pantilla y busca un docuemnto llamado css o style, dale clic derecho, abrir con y bloc de notas. Dale clic derecho al texto, selecionar todo, después otro clic derecho y copiar.

Vuelve al editor de palimpalem, subrraya " //código CSS " de lo que habrías añadido antes, dale un clci derecho a lo subrrayado y pegar.

8. Pulsa Guardar

Imagen

9. Ves a la opción de Añadir imágenes desde mi ordenador

Imagen

10. Clica en examinar y ves subiendo las fotografías de tu página web que se encuentra en la carpeta images dentro de la plantilla

Imagen

En este caso a la nueva carpeta donde está la plantilla le puse de nombre "plantilla"

Dale doble clic a la carpeta y luego otro doble clic a la carpeta "images"

Imagen

Selecciona una imagen y dale a "abrir" después a "añadir imágen" y añadir más imágenes si te quedan imágenes por subir

11. Ves subiendo, repitiendo el paso 10, todas las imágenes que hayan en la carpeta images, cuando las hayas subido todas Dale al botón volver.

Imagen


:arrow: Ya está puesta la plantilla, solo te queda, desde el editor normal, editar el contenido


PD:Revivido, el autor es Carlitos.

Saludos

Volver a

¿Quién está conectado?

Usuarios navegando por este Foro: 6 y 0 invitados