Joomla nieuws flits / newsflash css stijlen

Deze module toont een willekeurig artikel of een aantal vooraf ingestelde artikelen in horizontale of vertikale richting. Voor de voorbeeld website hebben we gekozen voor 3 artikelen in horizontale richting (3 kolommen). De module class suffix is "_flits". Zonder aanvullende stijling ziet deze module er als volgt uit.

Structuur

Stijlen
We stijlen deze module zoals we de content overal hebben gestijld. De koppen van de artikelen stijlen we echter iets kleiner, omdat in de voorbeeld website over 3 kolommen niet zo veel ruimte is. Verder stijlen we padding tussen de kolommen. De stijlen staan hieronder weergegeven.

div.moduletable_flits { }
div.moduletable_flits h3 {
   font-family:Arial;
   font-size: 22px;
   font-weight: bold;
   color: #660000;
   line-height: 22px;
   margin: 0 0 10px 0;
}

table.moduletable_flits { }

table.moduletable_flits td {
   padding-right: 10px;
}

table.moduletable_flits td table.contentpaneopen_flits { }
table.moduletable_flits td table.contentpaneopen_flits td.contentheading_flits { }

table.moduletable_flits td table.contentpaneopen_flits td.contentheading_flits a.contentpagetitle_flits,
table.moduletable_flits td table.contentpaneopen_flits td.contentheading_flits a:visited.contentpagetitle_flits {
   font-family:Arial;
   font-size: 16px;
   font-weight: bold;
   line-height: 16px;
   padding-bottom: 3px;
}

table.moduletable_flits td table.contentpaneopen_flits td.contentheading_flits a:hover.contentpagetitle_flits {
   font-family:Arial;
   font-size: 16px;
   font-weight: bold;
   line-height: 16px;
   padding-bottom: 3px;
}

Na stijling ziet de module er als volgt uit.

• Toevoegen
• Zoeken

Commentaar (0)

Schrijf commentaar

Uw contact gegevens:

Naam:

Email: geen bericht bij reactiehoud me op de hoogte bij reactie

Website:

Commentaar:

Onderwerp:

Bericht:

Beveiliging

Voer de anti-spam code in die in het plaatje staat.

Powered by !JoomlaComment 4.0 beta2