http://p-o-s-p-i-s-i-l.info

V předešlém článku jste se naučili zobrazovat RSS kanály na své stránce, nyní si ukážeme jak výstupy přizpůsobit podle svých představ a to pomocí CSS stylů.

Použijeme např. kód z předchozího článku, do kterého vložíme kód CSS.

Zde najdete dokumentaci k CSS feedům Googlu.

http://code.google.com/apis/ajaxfeeds/documentation/reference.html

Příklad / modré pozadí feedu, rámeček, nadpis kanálu a pozadí /:

<style type="text/css">
.gfc-resultsRoot{
background-color:#A4D1FF;
border: thin solid #000000;
}

.gfc-resultsHeader {
width: 100%;
border-bottom: 1px solid #e9e9e9;
margin-bottom : 4px;
background-color: #004080;
}

.gfc-resultsHeader .gfc-title{
color: #FFFFFF;
display: inline;
margin-top: 20px;
font-style: oblique;
text-transform: capitalize;
}

</style>

Ukázka:

kompletní zdrojový kód této ukázky

pro zobrazení např. v bočním proužku můžete použít tento CSS soubor:
http://www.google.com/uds/samples/feedapidocs/sidebar.html