Feed Module
Deze module toont een feed van een externe website. In dit voorbeeld worden alleen de links getoond (ingesteld via de module)
Screenpint zonder stijling
Structuur met Classes en ID's
Only links ---------- div.moduletable_feed h3 div.feed_feed ul.newsfeed_feed li.newsfeed-item h4.feed-link All options ----------- div.moduletable_feed h3 div.feed_feed h4 a ul.newsfeed_feed li.newsfeed-item h5.feed-link a p
CSS
/* --------------------------------------
Feed Module moduleclass suffix = _feed
----------------------------------------- */
div.moduletable_feed {
margin: 0 0 15px 0;
padding: 0 0 15px 0;
border-bottom: 1px #999 solid;
}
div.moduletable_feed h3 {
display: block;
padding: 2px 5px 2px 5px;
background-color: #ff0000;
color: #fff;
}
div.moduletable_feed div.feed_feed ul.newsfeed_feed {
list-style: none;
padding: 0;
}
div.moduletable_feed div.feed_feed ul.newsfeed_feed li.newsfeed-item {
list-style: none;
margin: 2px 0 0 0;
}
div.moduletable_feed div.feed_feed ul.newsfeed_feed li.newsfeed-item h4.feed-link {
font-size: 12px;
line-height: 16px;
font-weight: normal;
}
div.moduletable_feed div.feed_feed ul.newsfeed_feed li.newsfeed-item h4.feed-link a {
display: block;
background-color: #e5e5e5;
padding: 4px;
text-decoration: none;
}
div.moduletable_feed div.feed_feed ul.newsfeed_feed li.newsfeed-item h4.feed-link a:hover {
display: block;
background-color: #ccc;
padding: 4px;
text-decoration: none;
}
Screenpint met stijling
Extensies->templatebeheer->templates.
Dan vindt u een lijst met CSS bestanden. Bij veel templates heet dit bestand template.css, maar bij beez_20 bijvoorbeeld kunt u stijlen het beste toevoegen onderaan personal.css.