Laburo España: 250.000 ofertas de empleo

Seras redirigido a la nueva direccion del blog en 5 segundos...

En el nuevo blog encontraras la misma información que en este, y más cosas nuevas

Anterior Siguiente

Notas en rojo, Enlaces XML, Estadisticas...

Archivado en Bitacora (Diseño y Cambios) • Fecha: 03-02-2005 22:33:00

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 1x1 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.


Escrito por CrackVan
(6) Comentarios (0) Referencias (721) Leido Permalink





Anterior Siguiente

Referencias (URL para referencias)

Comentarios

  1. Excelentes cambios, me agrada tu forma de darle vida a los sites con buenas imagenes. Espero algún dia poder hacer lo mismo.

    JP.Circe — FORMATO_FECHA

  2. Gracias por tus cumplidos, seguro que si podras, y si quieres ayuda ya sabes donde encontrarme

    CrackVan — FORMATO_FECHA

  3. SOCORRO!!! Estoy hecho un lio con el gestor de enlaces de bitacoras...mandame un mail o agregame al MSN Messenger (sí,con la cuenta de Yahoo),y te comento

    Andrés — FORMATO_FECHA

  4. Acabo de comenzar a diseñar un poco mi bitácora. Aún no consigo ver los enlaces. Es evidente que voy en los primeros pasos. Tengo equipo MAC y si no estuviera desesperado no escribiría esto. He intentado varias cosas y no veo aparecer ningún enlace. Tengo también Netscape 7.1 y Explorer 5.2. ¿Podría alguien ayudarme?

    Pablo Glez. — FORMATO_FECHA

  5. Hola CrackVan. Me parece increible todo lo que estás haciendo en el blog. No sabía que bitacorae diese tanto de sí. Si no te importa, voy a probar alguna de tus ideas en mi blog. Muchas gracias

    Marcos — FORMATO_FECHA

  6. Encantado de que pueda serte de ayuda cualquiera de las cosas que he puesto

    CrackVan — FORMATO_FECHA


Comentar


- Puedes incluir los siguientes emoticonos en el comentario:


Recordar datos

Previsualización de tu comentario:



Estos comentarios son una versión beta que pueden no ajustarse al 100% con mi opinión real :D