« anterior | siguiente »

Home > 2006 > Junio > Martes, 27 de Junio 2006 > Incluir CSS a tu RSS
Blogs Media: CSS Mania | VivirLatino | Sentido Web | Apps Mania

Publicidad

Mar27Jun2006

Incluir CSS a tu RSS

17:15 H (CET)| Temas: CSS · How to · Lectores RSS

Algo sencillo y que queda muy bien a la hora de mostrar nuestras hojas de estilo, claro, que si usamos una aplicación que las muestra según sus propios estilos, no conseguimos nada.

Se trata de añadir una línea indicando el xml-stylesheet en las RSS:

<?xml version="1.0" ?>
<?xml-stylesheet type="text/css" href="http://dominio.com/rss.css" ?>
...

Y luego definir los estilos, en el ejemplo del autor, a parte de formatear la salida, oculta aquellas partes del RSS que no quiere que aparezcan:

rss {
	display: block;
	font-family: verdana, arial;
}

title {
	display: block;
	margin: 5px;
	padding: 2px;
	color: gray;
	border-bottom: 1px solid silver;
}

link {
	display: block;
	font-size: small;
	padding-left: 10px;
}

item {
	display: block;
	padding: 2px 30px 2px 30px;
}

docs {
	display: block;
	background-color: #ffffe6;
	margin: 20px;
	text-align: center;
	padding: 5px;
	color: #7f7f7f;
	border: 1px solid silver;
}

/* Elementos ocultos */
language, lastBuildDate, ttl, guid, category, description, pubDate {
	display: none;
}

Ejemplo

Adding a CSS StyleSheet to your RSS Feed

Vía / dzone

Relacionados

Sin comentar » Formulario

Conversación

Nombre:

Email:

(no aparecerá)

URL:

(opcional)
¿Recordar datos?

↓ Comentarios (XHTML permitido)