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

Un día muy prospero para mi Bitacora

Archivado en Bitacora (Diseño y Cambios) • Fecha: 31-01-2005 21:10:54

Hoy el día esta dando mucho de si, ya que hoy he hecho en la bitacora todo esto:

Trackbacks, Gravatars y emoticonos en comentarios, ...

Explicacion y detalle de como lo he hecho:

1- Me he informado de que son y para que sirven los Trackbacks, y mis conclusiones las he puesto en este articulo.

2- He dotado a los comentarios de Gravatars para que quien comente un articulo y disponga de uno, aparezca su Gravatar.

Para ponerlo he seguido este tema del foro de Bitacoras.com y el articulo de la Bitacora del CMS Bitacorae.

Un Gravatar (Globally Recognized avatar) no es mas que una imagen de 80x80 que tienes que registrar en la pagina de de Gr Gravatar de forma que cuando escribas un comentario en un blog con esta capacidad, tu imagen aparecera ahi.

3- Los comentarios ya pueden tener emoticonos, para ponerlos he seguido este tema del foro de Bitacoras.com, jeje, y ahora ya se pueden poner emoticonos.

4- He modificado la forma de mostrar los comentarios, de forma que ademas de poder tener Gravatar y emoticonos, también se vea cada comentario en un marco muy bonito:

4.1- Sin Gravatar:

<ol>
<bit:listado_comentarios_inicio() />

<li><bit:comentario_texto() />
<p><cite><bit:comentario_enlace() /> &#8212; <bit:comentario_fecha() /></cite></p>
</li>

<bit:listado_comentarios_fin() />
</ol>

4.2- Con Gravatar:

<ol>
<bit:listado_comentarios_inicio() />

<li><div class="gravatarcontainer"><a href="<bit:comentario_url() />" target="_blank">
<img src="<bit:gravatar_comentarista("Imagen Cuando NO Avatar", ",",",","80") />" border="0" title="<bit:comentario_nombre() />"></a>
</div><bit:comentario_texto() />
<p><cite><bit:comentario_enlace() /> &#8212; <bit:comentario_fecha() /></cite></p>
</li>

<bit:listado_comentarios_fin() />
</ol>

Donde "Imagen Cuando NO Avatar" es la URL de la imagen por defecto cuando el usuario no tiene Gravatar, por ejemplo, yo uso http://exceso.bitacoras.com/blue/no_gravatar.png


4.3- Con Gravatar y Marco:

<bit:listado_comentarios_inicio() />

<blockquote class="comentarios"><li><div class="gravatarcontainer"><a href="<bit:comentario_url() />" target="_blank"><img src="<bit:gravatar_comentarista("Imagen Cuando NO Avatar", ",",",","80") />" title="<bit:comentario_nombre() />"></a></div><bit:comentario_texto() />
<p><cite><bit:comentario_enlace() /> &#8212; <bit:comentario_fecha() /></cite></p>
</li></blockquote>

<bit:listado_comentarios_fin() />
</ol>

Para esto ultimo añadi este codigo en el index.css de la plantilla:

BLOCKQUOTE.comentarios {
font-family: lucida grande, verdana, sans-serif;
font-size: 11px;
float: left;
margin-left:0px;
padding: 4px;

border: 1px solid #90b9e7;
width: 398px;
background-color: #ccdced;
color: #4c4b4b;
font-size: 70%;
text-align: left;
}

5- He puesto en la Bitacora la licencia bajo la que esta el contenido de la misma:

Licencia de Creative Commons

Escrito por CrackVan
(3) Comentarios (0) Referencias (403) Leido Permalink





Anterior Siguiente

Referencias (URL para referencias)

Comentarios

  1. Buenas! Cómo va? Mira, he llegado a tu blog desde el foro de bitacorae, buscando información sobre Gravatares, y llegué a aquí!!! jaja...
    Te comento que me ha gustado bastante tu diseño y veo que eres bastante gráfico al momento de explicar tus cambios en el blog!!
    Pero...siempre hay un pero!! No he conseguido que me quede el diseño dela misma manera que a ti...es decir, me han quedado los mentarios peganos uno tras otros y asi mismo con el formulario de comentarios...intenté colocar algunos al finalizar el codigo de los comentarios para separar el formulario y nada...y para separar cada comentario, nada también...disculpa que te moleste aquí...pero...alguna sugerencia?? Desde ya muchas gracias por la atención y espero tu respuesta!!!
    Saludos!

    Souldriver — FORMATO_FECHA

  2. Pues... creo q la cosa esta en el css, en el blockquote de los comentarios:

    BLOCKQUOTE.comentarios {
    font-family: lucida grande, verdana, sans-serif;
    font-size: 14px;
    float: left;
    margin-left:0px;
    margin-right: 0px;
    padding: 4px;

    border: 1px solid #90b9e7;
    width: 398px;
    background-color: #ccdced;
    color: #4c4b4b;
    font-size: 85%;
    text-align: left;
    }

    el padding es lo q separa unos blockquotes de otros

    Suerte.

    CrackVan — FORMATO_FECHA

  3. Crack Van!!! Gracias pór atenderme viejo!!!
    Mira, he modificado el padding, pero lo único que he conesguido es que se agrande el alto del recuadro del comentario...pero no que se separen unos de otros...continuaré probando y gracias por la ayuda!!!

    Souldriver — 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