Visualizza “A ragion veduta” sul tuo sito

Puoi inserire le notizie più recenti direttamente nel tuo sito o nel tuo blog!

Codice

Incolla il seguente codice nella sorgente html della tua pagina, dove vuoi che appaiano le notizie di “A ragion veduta”.

<script language="JavaScript" src="//www.uaar.it/feed2js/feed2js.php" type="text/javascript"></script>
<noscript>
<a href="//www.uaar.it/feed2js/feed2js.php?html=y">
Visualizza feed RSS</a>
</noscript>

Se nella pagina visualizzata vedi caratteri ‘strani’ o punti interrogativi, può essere presente la codica dei caratteri utf-8. Prova a sostituire il codice con il seguente:

<script language="JavaScript" src="//www.uaar.it/feed2js/feed2js.php?utf=y" type="text/javascript"></script>
<noscript>
<a href="//www.uaar.it/feed2js/feed2js.php?html=y">
Visualizza feed RSS</a>
</noscript>

Se vuoi che le notizie si aprano in una nuova finestra, aggiungi ?targ=y dopo feed2js.php (?targ=y&utf=y nel caso utf-8).

Puoi segnalare l’inserimento a segnalazioni@uaar.it o chiedere aiuto tecnico a webmaster@uaar.it (non possiamo risolvere problemi specifici riguardanti il tuo sito o blog).

Stile e classi CSS

Se sai definire i fogli di stile puoi personalizzare l’aspetto delle notizie sul tuo sito. Inserisci il seguente codice tra i tag <head></head> della tua pagina.

<style type="text/css" media="all">
/* begin styles for RSS Feed */
.rss-box * { margin:0; padding:0; }
.rss-box { text-align:left; font-family:verdana, sans-serif; font-size:8pt; margin:0; padding:0; background-color:#fff; border:2px solid #e5c317; }
.rss-items { padding:0 0.5em; margin:0px; color:#000000; }
p.rss-title { background-color:#e5c317; padding:0.5em; }
.rss-title { text-decoration:none; color:#fff; font-weight:bold; }
.rss-item { font-weight:normal; list-style:none; margin:0.5em 0; }
.rss-item a { color:#7f5b16; text-decoration:underline; font-weight:bold; }
.rss-item a:visited { color:#423316;}
.rss-date { font-size:85%; font-weight: normal; color:#e60; }
</style>

Questo schema rappresenta le classi CSS create dallo script che utilizziamo. Maggiori informazioni sul sito Feed2JS.

  • rss-box defines the bounding div for the entire display- use to define borders, fill, etc.
  • rss-title the title of the feed and link style if displayed. Use with variants of rss-title a:link, rss-title a:hover, etc for rollowver styles
  • rss-items defines the unordered list <ul>...</ul> for the feed items- use to define the padding/margins for items.
  • rss-item display of each feed item description and title, <li>...</li> as well as the channel description, if displayed.
  • rss-item a: variant for the item title and link style
  • rss-date defines the display of item posting dates