Portada >> Enlaces >> Sindicación

Aplicación de Archivos CSS

Una vez que haya presionado el boton "¡Crear Código!", usted puede experimentar cambiando los colores por medio de la aplicación de estilos CSS. Cada sección del contenido esta identificado previamente, lo que permite que se apliquen cambios al color del titulo, y de todo el contenido, incluyendo la fecha de publicación.

Aplique un Estilo CSS

URL Entre la dirección del canal RSS que desea modificar.

Selecciona un estilo
Tenemos un grupo limitado de estilos, pero tambien lo invitamos a que lo modifique a su gusto. Si ha logrado crear una versión totalmente diferente, dejanos saber por medio de la forma de contacto. Para obtener un estilo en blanco, seleccione el estilo llamado "none/template".

Utilizando Estilos CSS

Para que esto funcione, se requiere que usted agregue el codigo CSS o que lo enlace por medio de comandos HTML; hay dos maneras de enfrentar este reto:

  1. Agregue el codigo del Estilo CSS directamente al HTML de la página donde el contenido va a ser demostrado. Este es el mejor metodo cuando se va a demostrar el contenido en una ó dos páginas. Utilize el formato mencionado abajo para aplicar un estilo, luego copie el codigo CSS y agreguelo a su página, entre medio de los codigos <HEAD>...</HEAD>, que estan rodeados por codigos de tipo <style>...</style>. 
    <style type="text/css"  media="all">

<!--  Aquí es donde se copia el Codigo CSS -->

</style>
  2. Enlazando a un estilo externo. Este metodo es recomendado, si se va a utilizar el contenido exportado en muchas páginas. Solamente copie el ejemplo mencionado abajo. Luego, proceda a preparar un archivo con el nombre "myfeed.css", donde va a copiar el codigo que le vamos a proveer. Sea precavido al guardar este archivo, ya que otras página necesitarán utilizarlo. Se recomienda que este sea colocado en la RAIZ donde los otros documentos esten guardados, o dentro de un archivo llamado style.

    Lo mas importante es conectar el documento HTML al codigo de estilo externo, por medio de las siguientes lineas <HEAD>...</HEAD> que necesitan ser agregadas a su documento HTML.
    <link rel="stylesheet" href="style/myfeed.css" media="all">
    Acuerdese que el valor href= tiene que ser relativo a la raiz de todos los documentos (o utilize la dirección URL completa de la siguiente manera http://www.blah.com/style/myfeed.css) desdel el documento HTML hasta el archivo de estilo CSS.

Estilos CSS

Esta grafica representa los codigos tipo CSS disponibles en este sistema.

Para contenido de tipo RSS 2.0 con podcast, este programa proveera un enlace de formato Play XXX, donde "XXX" se refiere a la extension del archivo, por ejemplo: "mp3", "m4a", etc. Los estilos aplicados son modelados de acuerdo al metodo de Well Styled's Inline Buttons. 

<div class="pod-play-box">
<a class="pod-play" href="podcastURL"><em>Play</em><span> File</span></a>
</div>

Colores únicos pueden ser obtenidos al editar los códigos correspondientes al PODCAST (enfasis agregado abajo):

.pod-play {
   _width:12em;
   margin: 0 0.2em; padding: 0.1em 0; _padding:0;
   
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #fb6;
   color: black;
   }
.pod-play em {
   _width:1em; _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: #222;  
   }
.pod-play span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.pod-play:hover {
   background: #666;
   color: white;  
   }
.pod-play:hover em {
   background: black;
   color: white  
   }

Avanzado: Aplicando dos estilos en una página

Si desea más de un canal RSS por página, necesitara asignar estilos unicos al contenido. Es necesario que usted tenga un conocimiento avanzado de la aplicación de estilos CSS para que esto funcione correctamente. Nosotros no proveemos este tipo de apoyo tecnico.

Al proveer un valor unico en la página de la Herramienta de Sindicación usted puede crear diferentes estilos CSS. El valor agregado creará un ESTILO CSS llamado rss-box-XXXX donde XXXX es el nuevo valor. Esto implica que usted necesitara definir otras clases de las antes mencionadas arriba, o que utilize los estilos de rss-box-XXXX para definir diferentes colores de fondo.

Algunos Ejemplos: