 Joomla banner css stijlen
Er is een banner geplaatst in de rechterkolom.In de voorbeeld website is de moduletablesuffix: _banner. De banner ziet er zonder aanvullende stijling als volgt uit.
De structuur ziet er als volgt uit.
div.moduletable_banner
h3 Banner titel
div.bannergroup_banner
div.bannerheader (advertentie)
div. banneritem_banner
div.clr
div.bannerfooter_banner voetnoot
Stijlen
De banner kan uit tekst of een afbeelding bestaan, of een combinatie van beide. In de voorbeeld website is gekozen voor een combinatie. De banner zit ingeklemd tussen het log-in formulier en de enquête. Beide zullen we later stijlen, echter om ruimte te maken voor de banner wordt een ondermarge meegegeven en geen bovenmarge. Later zullen we het log-in formulier ook een ondermarge meegeven.
div.moduletable_banner {
margin-bottom: 25px;
}
div.moduletable_banner h3 { }
div.bannergroup_banner {
margin-bottom: 25px;
}
div.bannerheader {
margin-bottom: 5px;
font-family: Arial;
font-size: 11px;
font-weight: normal;
text-align: center;
}
div.banneritem_banner img {
border: 1px #660000 solid;
}
div.banneritem_banner a,
div.banneritem_banner a:visited {}
div.banneritem_banner a:hover {}
div.clr {
margin-bottom: 10px;
}
div.bannerfooter_banner {
font-family: Arial;
font-size: 11px;
font-weight: normal;
text-align: center;
}
Na stijling ziet de banner er als volgt uit.
|