Lector RSS
Patrón LectorRSS
Gestor de lectura de archivos y páginas con formato XML que le permiten integrar contenidos de otras páginas en la suya de forma automática. Existen otros métodos de integración de lectores RSS a través de mashups de Google y otros proveedores, consulte la documentación de ejemplos de Mash-Up para ver otras alternativas a este patrón
PARÁMETRO |
VALOR |
DEFAULT |
DESCRIPCIÓN |
|---|---|---|---|
url |
Número |
|
Indica la dirección web de donde serán extraidos los datos en formato XML, es necesaria la URL completa |
items |
texto CSS |
5 |
Número de elementos que serán recopilados y mostrados |
rotulo |
Texto |
|
Literal alternativo que se recupera del traductor para este lector RSS (necesita establecer un nombre e idioma en Traductor) |
colapse |
Número |
1 |
Habilita o deshabilita el colapso de la caja para mostrar u ocultar con un click en el rótulo |
child |
Texto |
0,1,2,3 |
Items que son recopilados del origen para establecer Titulo, Link, Descripcion, Fecha (en este orden), caso de ser variado necesita asignar todos los valores, tenga en cuenta que el primer valor comienza en 0, de esta forma los hijos (child) que sean encontrados en la RSS se recopilan en orden y son mostrados como necesitemos |
target |
Texto |
_blank |
Destino del vínculo de las RSS, se recomienda utilizar _blank para abrir nuevas ventanas ya que suelen ser contenidos externos a su web |
Personalización de aspecto:
En la hoja de estilos classes.css se han establecido valores por defecto para cada uno de los elementos, puede alterar el aspecto personalizando la hoja de estilos basándose en este modelo
/* lectores RSS mostrar sus contenidos */
.titulo_rss a{
font: bold 13px "Trebuchet MS", Verdana, Arial;
color: #676D46;
text-decoration:none;
display:block;
margin-top:5px;
}
.titulo_rss a:hover{
color: #666;
}
.descripcion_rss {
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #888;
display:block;
margin-top:5px;
margin-bottom:5px;
}
.fecha_rss {
font: 10px "Lucida Sans Unicode", Verdana, Arial, Georgia;
color: #CC6633;
}