 Joomla meest gelezen / most read css stijlen
Deze module lijkt veel op de module "Laatste nieuws". We plaatsen de module onder "Laatste nieuws" op de voorpagina van de voorbeeld website. De module class suffix is "_meest". Zonder aanvullende stijling ziet de module er als volgt uit.
Structuur
div.moduletable_meest
h3 Meest gelezen
ul.mostread_meest
li.mostread_meest a.mostread_meest Pagina artikel9
li.mostread_meest a.mostread_meest Voorpagina artikel 1
li.mostread_meest a.mostread_meest Voorpagina artikel 4
li.mostread_meest 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_meest {
border: 1px #660000 dotted;
padding-top: 38px;
margin-bottom: 15px;
background-image: url(../images/meest_gelezen.png);
background-position: center 5px;
background-repeat:no-repeat;
}
ul.mostread_meest {
list-style: none;
text-align: center;
}
li.mostread_meest {
display: inline;
margin-right: 10px;
}
a.mostread_meest { }
Na stijling ziet de module er als volgt uit.
|