Inicio > Guía > Guía Construcción de entradas

Guía Construcción de entradas

Domingo, 15 de agosto de 2010

Hago esta guía considerando que tenéis conocimiento de las guías de redacción en HL2Spain.

Como habréis podido comprobar, este website utiliza WordPress para presentar la información, y no acepta BBCode a diferencia de nuestro foro IPBoard. Por lo tanto, es necesario utilizar código HTML para realizar el formato de la noticia/artículo. Recomiendo usar el modo de edición HTML por encima del modo Visual.

No voy a detallar la forma o pauta de redacción, eso ya está especificado en las guías de redacción de HL2Spain. Lo que voy a detallar a continuación serán una serie de códigos HTML para que podáis construir la entrada.

Postear imágenes de Imageshack

<p style="text-align: center"><a href="http://img267.imageshack.us/img267/3594/sectore2a0057.jpg"><img src="http://img267.imageshack.us/img267/3594/sectore2a0057.th.jpg" alt="" width="150" height="94" /></a> <a href="http://img812.imageshack.us/img812/3258/kyperkuutio.jpg"><img src="http://img812.imageshack.us/img812/3258/kyperkuutio.th.jpg" alt="null" width="150" height="94" /></a></p>

null

Importante: Los objetos <img> no deben tener ninguna class establecida para que esto funcione. También observad el espacio entre </a> y <a>. Normalmente cada contenedor <p> (párrafo) puede albergar de 1 a 4 thumbs. Si se requiriesen más imágenes se tendría que hacer un nuevo párrafo.

Tags HTML

<strong>Negrita</strong>
Negrita

<em>Cursiva</em>
Cursiva

<u>Subrayado</u>
Subrayado

<blockquote>Blockquote</blockquote>

Blockquote

<!--more-->
Leer más…

<!--nextpage-->
Cambio de página en una misma entrada, esto evita tener que hacer varias entradas de un mismo tema, para cambiar de página añadir un link a la propia entrada con &page=n al final, n es el número de página de la entrada. Ejemplo: http://www.hlspain.com/blog/?p=1365&page=2

<span style="color: red"><strike>precio antiguo</strike></span> <span style="color: green">precio actual en rebaja</span>
precio antiguo precio actual en rebaja

<ul>
<li>Texto 1</li>
<li>Texto 2</li>
</ul>

  • Texto 1
  • Texto 2

Conclusiones y enlaces

El código HTML es muy flexible, especialmente al utilizar la propiedad style en los tags.

Hatsune Miku Guía , ,

Comentarios cerrados.