 Joomla laatste nieuws / latest news css stijlen
Deze module toont een lijst met de meest recent gepubliceerde artikelen (sommigen kunnen verlopen zijn, ook al zijn het de meest recente). Items die op de voorpagina getoond worden staan niet in deze lijst. In dit voorbeeld is de module class suffix "_laatst".
Zonder aanvullende stijling ziet de module er als volgt uit.
Structuur
div.moduletable_laatst
h3 Laatste nieuws
ul.latestnews_laatst
li.latestnews_laatst a.latestnews_laatst Voorpagina artikel 9
li.latestnews_laatst a.latestnews_laatst Voorpagina artikel 8
li.latestnews_laatst a.latestnews_laatst Voorpagina artikel 7
li.latestnews_laatst Etc.
Stijlen
Voor de voorbeeld website willen we de module over de volle breedte van de content plaatsen, geen liststijl gebruiken en een achtergrondafbeelding toepassen met de tekst "Laatste nieuws". De stijlen zien er als volgt uit.
div.moduletable_laatst {
border: 1px #660000 dotted;
padding-top: 38px;
margin-bottom: 15px;
background-image: url(../images/laatste_nieuws.png);
background-position: center 5px;
background-repeat:no-repeat;
}
ul.latestnews_laatst {
list-style: none;
text-align: center;
}
li.latestnews_laatst {
display: inline;
margin-right: 10px;
}
a.latestnews_laatst { }
Na stijling ziet de module er als volgt uit.
|