helpwebpro

Crear paginas y editando la plantilla

Cómo editar el contenido de tu plantilla CSS-Design

Luego de haber creado tu página, cambiar el diseño a CSS -¿No sabes editar la plantilla? Pues aqui un tutorial:

PRIMERO CREAREMOS LAS PAGINAS PARA POSTERIORMENTE PEGARLAS A LA PLANTILLA

1.- CREANDO NUESTRO ENLACE:

Para crear nuestras páginas y generar nuestro enlace o link?, Nos dirigimos a nuestro "Kit de construcción" y seleccionamos controlar páginas:

Nos aparecera un campo de texto en el cual está encerrado con rojo, aquí cambiaremos por el nombre que querramos, debajo de esto nos encontramos con el editor de HTML en el cal escribimos nuestro contenido el cual puedes incluir imágenes, videosn tu contenido general, etc.

Luego de escribir el titulo de la pagina y el contenido de la misma le damos en el boton guardar para aplicar los cambios.

Luegos nos generará un enlace el cual colocaremos en la plantilla lo seleccionamos y "copiamos", para esto, seleccionamos el enlace, hacemos clic derecho, "copiar direccion del enlace" ó también podemos seleccionar el enlace y oprimir (ctrl + c).

2.- PEGANDO NUESTRO EL ENLACE EN LA PLANTILLA:

En esta ocasion para hacer este tutorial usare e ejmplo esta plantilla llamada "H2O Bubbles", se muestra en la imágen de abajo:

Luego de haber creado nuestro enlace y haber descargado y extraer la plantilla, nos encontramos con esto:

3.-EDITANDO EL MENU:

Abrimos el documento que dice "Texto por encima de la página" en el cual se muestra el menú que viene siendo el que se muestra en la imágen de abajo:

Bien para editar eso que dice menu vemos el código:
EDITANDO EL NOMBRE:
Si nos damos cuenta lo subrayado en azul dice "menu" que significa el nombre del enlace o link.
-¿Cómo editamos el nombre?
Sencillo solo hay que borrar lo que esta en azul y lo cambiamos por cualquier nombre ej: Inicio.
=> Ojo sin salirse de las flechas es decir >NOMBRE<

EDITANDO EL ENLACE:
Si nos damos cuenta lo subrayado en verde dice "http://granted.es.tl" que significa el enlace o link que al dar clic se abrirá.
-¿Cómo editamos el enlace?
Sencillo igualmente seleccionamos lo verde sin salirnos de las comillas, es decir: "http://elnombredetuenlace.es.tl"
=> Ojo sin salirse de las comillas es decir "http://elnombredetuenlace.es.tl" (Porque de lo contario alteraría el diseño)

4.-EDITANDO EL SIDEBAR (Menú lateral):

Abrimos el siguiente documento que es "Texto por debajo de la página", y basicamente es lo mismo que explique enteriormente es lo que equivale el color a la plantilla solo editan lo que esta adentor de las comillas y las flechas. y guardan cambios
Esta vez junté el texto con la imagen para que le entiendan mejor.
Rojo: El titulo del menu
verde: Enlace
azul: Nombre del enlace

Para finalizar guarden los cambios de ambos documentos copian y pegan los nuevos cambios en su web y ¡Listo!.

Te gustó este aporte?, compartélo.

El comentario debe estar relacionado con el contenido de la entrada. Comentarios ofensivos, con spam o con lenguaje inapropiado serán eliminados.

Comentarios hacia esta página:

Comentado por:	19-09-2012, 03:05 (UTC)
joandesing Offline	Amigo de donde saco esas plantillas que vengan ya con texto por debajo, por encima y asi, porque descargo otras y nose ayuda