AVISO IMPORTANTE

Si quieres un menú como este de los botones, pincha en el que tiene un interrogante. Te llevará a la página de donde saqué el código y si tienes algún problema o duda, su creador te ayudará a resolverlo.

Normas de obligado cumplimiento si me envias un mail pidiendo ayuda/consejo

1ª .- Adjunta SIEMPRE la dirección del blog en el que tengas el problema y procura escribir bien la dirección.

2ª .- Intenta explicar LO MAS CLARAMENTE POSIBLE tu problema.
No pagarás más por escribir más palabras.

3ª . - Si has de contestarme usa la opción RESPONDER.
No abras un nuevo hilo de mensajes.

4ª .- No me envies NUNCA la plantilla si no te la pido.

5ª .- No me envies NUNCA la contraseña.
NO PIENSO ENTRAR A MODIFICARTE NADA.

SI ME DEJAS LA PREGUNTA EN UN COMENTARIO
1º .- Si tienes más de un blog dime en cual está el problema.
2º .- Habilita el perfil para que pueda entrar a ver el blog.
3º .- Si el blog es privado tampoco podré verlo. Invítame.

Y por último: Si quieres que te conteste por mail, envíame la pregunta por mail, mi dirección está en la sidebar, en el botón de arriba que tiene un sobre y en casi todos mis blogs.

La plantilla de un blog (4ª parte) El HTML

domingo, 30 de marzo de 2008

En ésta zona es donde están las descripciones de todos y cada uno de los elementos del blog.
En vista normal del código veremos la descripción de las diferentes partes, aquí si que colocadas en estricto orden.
---
Empieza con una descripción de las zonas incluidas en el outer-wrapper y a partir de ahí puedes ir viendo las que hay.
Las distintas zonas empiezan con esta línea:
<div id=
donde id significa identidad y, detrás del signo igual, la zona concreta a la que se refiere.
---
Si tomamos como referencia la cabecera, que es la primera que se encuentra, verás que la línea completa es así:
<div id='header-wrapper'>
indicando que la identidad del sector es el contenedor de la cabecera.
---
A continuación hay la descripción de la sección que empieza así:
<b:section class=
seguido por el tipo de sector del que se trata.
---
Continuando con el código de la cabecera la línea es esta:
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
donde nos dice que la sección pertenece a la clase de las cabeceras y que su identidad es header.
También nos dice que solo puede contener 1 elemento y que no verás un añadir elemento en el layout.
---
Fíjate que hay un espacio separando cada definición. Esto es lo que, cuando copiamos un código para añadirlo al HTML, nos suele dar error, pues al copiar es fácil que estos espacios desaparezcan. Hay que mirar bien que estén todos para evitar estos errores. También puedes ver que lo que está detrás de un = está entre apóstrofes '---'
---
Si la zona contiene un elemento verás una línea que empieza así:
<b:widget id=
y, tras el igual, la identidad del elemento, no su título.
---
Por ello si se trata de una lista de enlaces pondrá linkList seguido de un número.
La primera lista que añadas al blog será la linkList1, la siguiente linkList2 y así sucesivamente. Lo mismo sucede con los elementos HTML/Javascript.
Dos elementos, aunque sean iguales, han de tener una identidad única.
Los elementos únicos llevan el 1, aunque sean irrepetibles.
---
Siguiendo con la cabecera, como contiene uno nos explica sus características así:
<b:widget id='Header1' locked='true' title='El título del blog (cabecera)' type='Header'/>
Aquí nos está diciendo que la identidad del elemento es Header1, que está anclado, que su título es el título del blog (entre paréntesis que es la cabecera) y que pertenece al tipo Header.
---
En los elementos que añadimos a la sidebar, si no se les pone título les adjudica como tal el nombre del elemento, con lo que todas las listas de enlaces se llamarán Link List y todos los elementos HTML/Javascript se llamarán HTML. Por eso es importante, siempre que sea posible, ponerles un título para facilitar su localización en caso de tener que usarlos, por ejemplo si queremos ponerles un scroll.
---
Tras esto se cierran las explicaciones u órdenes, en sentido inverso al que tienen con esto:
</b:section>
</div>
Fíjate que se cierran con la barra inclinada / y que sin embargo no parece haberse cerrado la del b:widget. Eso es por que en esta definición ya se incluye la barra al final del código.
Algunos códigos se cierran ellos mismos, otros hay que cerrarlos aparte.
Pero...
---
Pero si expandes elementos, o plantillas de artilugios, verás que este código, en principio muy simple se expande.
Y, siguiendo con la cabecera, encontraremos condicionales b:if cond= e inclusibles b:includable id= o b:else que indica que si sucede eso pero no lo otro actue de una forma u otra.
Un ejemplo claro de ésto es la zona de los comentarios, donde dependiendo de su cantidad saldrá una cosa u otra.
En el caso que estamos viendo como se trata de la cabecera saldrá todo lo relativo al título y subtítulo de blog, a si has añadido una imagen, si la vas a mostrar debajo del título o en lugar del título y otras muchas cosas, como que el título del blog ha de ser un enlace. Y así un código de apenas seis líneas se convierte en algo mucho más extenso y detallado.
Y lo mismo sucede con las demás zonas.
---
En la zona de las entradas, main-wrapper, nos define todas y cada una de sus partes, incluidos los dos sistemas de añadir comentarios, el que vemos en la página principal y el que vemos cuando abrimos una sola entrada.
También se incluye en esta zona lo referente a la navegación del blog, y lo de suscribirse a entradas.
Y si añades un elemento a la zona de las entradas, este se verá en el lugar exacto que ocupe. Si lo pones encima, lo verás antes de la descripción de las entradas y si lo pones debajo lo verás después; pues como he comentado antes, en esta zona los diferentes elementos del blog aparecen en el orden exacto que tienen en el blog.
---
Antes o después de main-wrapper, dependiendo de si está a la izquierda o a la derecha, veremos la zona de la columna lateral, sidebar-wrapper.
También aquí verás todos los elementos que hayas añadido, en el orden en que los tienes en el blog, con su identidad y su título (si se lo has puesto).
Si no lo has hecho tendrá como nombre el mismo que le identifica, pero sin número o su traducción al castellano.
---
Por poner un ejemplo, el elemento de las etiquetas tiene como id Label1 y como título Etiquetas. Si editas el elemento y cambias lo de Etiquetas por otra palabra, ésa será la que aparecerá en el código.
---
Cierra la zona (en las plantillas actualizadas) un end content-wrapper, le sigue el footer-wrapper, para cerrar el código con un end outer-wrapper y los cierres de todo el conjunto </body> y </html>.
Y hasta aquí esta colección de entradas.
Espero que os haya servido para entender un poco mejor qué hay ahí.

Imprime esta entrada

1 comentario, ¿quieres añadir el tuyo?

  1. .:*:. Ferípula .:*:. ha dicho
  2. Hola Eulalia!
    Hacía mucho que no te visitaba. Estaba buscando un "diccionario" para una amiga y vine a tu blog.
    Está fantástico!!! Te felicito, super completo.

    Bueno, un beso y gracias.
    Le voy a dar tu enlace a esta amiga.

google-site-verification: google6804ea8a89fbde9f.html
Plantilla creada por laeulalia basada en la harbor de blogger.