Sigo con más y más cambios en el Blog para que sea mas bonito y con mas funcionalidades jeje

En este caso se trata de añadir un bloque al css de la plantilla para las notas que pongo de vez en cuando en las anotaciones, un cambio notable en la presentacion sustituyendo mostrar el articulo entero por un “Resumen” + “Leer entero…”, un sistema de enlaces con XML, unas pocas estadisticas…

1- Bloque para mostrar las notas en un rectangulo rojo claro (en index.css de la plantilla):

BLOCKQUOTE.nota {
margin-left: 5px;
margin-right: 5px;
padding: 4px;
color: #000000;
font-weight: normal;
font-family: Courier New, Courier, mono, Arial, Helvetica, sans-serif;
background-color: #ffa0a0;
}

y cuando quiero poner una nota:

<blockquote class=”nota”>

</blockquote>

2- Cambio en la forma de mostrar los articulos en index.bit, en vez de mostrar todo el articulo, se muestra el resumen mas un enlace abajo de “Leer entero…”

En index.bit cambiar

<p><bit:anotacion_resumen_texto() /></p>

por

<p><bit:anotacion_seguir_leyendo(“Leer entero %…”) /></p>

y ya esta.

3- Para realizar esta parte segui la explicacion del Blog del CMS Bitacorae, en su articulo “Gestor de enlaces”, de manera que solo explicare los cambios que yo le he añadido para mostrar una imagen, si se quiere, para cada categoria:

Tras seguir los pasos y ver en el Blog ya puestos los Enlaces, explico que he seguido el mismo sistema que use cuando puse una imagen distinta para cada categoria de anotaciones, que fue usar la descripcion para formar el nombre del archivo .png de la imagen para la categoria (las imagenes las guardo en un fichero “enlaces”)

Nota: Si no quiero poner una imagen para una determinada categoria, en la descripcion pongo vacio, de forma que al formar el nombre del archivo quedaria “vacio.png”, que es una imagen de 1×1 pixel que tengo en la carpeta “enlaces” (una imagen vacia o también puede ser una imagen por defecto, cosa que creo que voy a hacer jeje).

Ademas, esto me da la opción de si quiero, no poner imagen y si nombre, o crearme una imagen chula con el nombre y no poner el nombre con texto solo dejando en blanco el nombre de la categoria.

Sustituí este codigo de la explicacion:

<h3>Enlaces</h3>

<p>

<bit:listado_categorias_enlaces_inicio() />

<strong><bit:categoria_enlaces_nombre() />:</strong><br />

<ul>

<bit:listado_enlaces_inicio() />

<li><a href=”<bit:enlace_url() />”><bit:enlace_titulo() /><span></span></a></li>

<bit:listado_enlaces_fin() />

</ul>

<bit:listado_categorias_enlaces_fin() />

</p>

por este otro:

<h2 class=”sidetitle”>Enlaces</h2>
<p>
<bit:listado_categorias_enlaces_inicio() />

<strong> <img src=”/enlaces/<bit:categoria_enlaces_descripcion() />.png” align=”middle”> <bit:categoria_enlaces_nombre() />:</strong>
<ul>
<bit:listado_enlaces_inicio() />

<li><a href=”<bit:enlace_url() />” title=”<bit:enlace_descripcion() />” target=”_blank”><bit:enlace_titulo() /><span></span></a></li>

<bit:listado_enlaces_fin() />
</ul>
<bit:listado_categorias_enlaces_fin() />
</p>

Siendo el resultado final el que podeis ver en el blog jeje

4- He sustituido los enlaces de Sindicación por imagenes.

5- He colocado varias estadisticas sobre el blog en menu.bit:

<div align=”center”><img src=”/enlaces/estadisticas.png” title=”Estadisticas Varias” align=”midle”></div>

<table align=”center” width=”165″ cellspacing=”0″ border=”0″>
<tr>
<td width=”24″><img src=”/enlaces/dias.png”></td>
<td width=”60%”>Diás Online:</td>
<td align=”center”><bit:estadisticas_dias_online() /></td>
</tr>
<tr>
<td><img src=”/enlaces/anotaciones.png”></td>
<td>Anotaciones:</td>
<td align=”center”><bit:estadisticas_numero_anotaciones() /></td>
</tr>
<tr>
<td><img src=”/enlaces/comentarios.png”></td>
<td>Comentarios:</td>
<td align=”center”><bit:estadisticas_numero_comentarios() /></td>
</tr>
<tr>
<td><img src=”/enlaces/referencias.png”></td>
<td>Referencias:</td>
<td align=”center”><bit:estadisticas_numero_referencias() /></td>
</tr>
</table>
<br>
<p align=”center”>Cargada en <bit:estadisticas_tiempo_carga() /> segs</p>
</div>

jeje creo que son bastantes cosas más, ¿no?, espero que le sirva a alguien también.

Sin duda el XML es un lenguaje bastante util a la hora de organizar información para transmitirla o mostrarla utilizando PHP por ejemplo, hay muchos cursos de XML en Internet que pueden ser utiles, así como cursos de PHP, un lenguaje muy utilizado a la hora de crear páginas de forma profesional