Joomla weblinks css stijlen

Deze Joomla weblinks component toont een lijst met weblinks van externe websites. In de component kan bij de weblink aanvullende informatie worden opgegeven over de inhoud van de website. Voor de voorbeeld website zijn 2 weblinks ingevoerd en 1 categorie. Verder is in het hoofd menu een link opgenomen "Belangrijke websites", die naar de weblinks pagina leidt. Zonder aanvullende stijling ziet de pagina weblinks er als volgt uit.

Structuur

Stijlen
De onderstaande stijlen zijn mogelijk. Enkele zijn voor de voorbeeld website ingevuld.

div.componentheading { }
table.contentpane { }
table.contentpane td { }
table.contentpane td form { }
table.contentpane td form table { }
table.contentpane td form table td {
   padding: 3px 0 3px 0;
}

table.contentpane td form table td select#limit { }

table.contentpane td form table td.sectiontableheader { }

table.contentpane td form table tr.sectiontableentry1 { }
table.contentpane td form table tr.sectiontableentry1 td img { }

table.contentpane td form table tr.sectiontableentry1 a.category {
   font-size: 12px;
   font-weight:bold;
}

table.contentpane td form table tr.sectiontableentry1 span.description { }

table.contentpane td form table tr.sectiontableentry2 { }
table.contentpane td form table tr.sectiontableentry2 td img { }
table.contentpane td form table tr.sectiontableentry2 a.category {
   font-size: 12px;
   font-weight:bold;
}

table.contentpane td form table tr.sectiontableentry2 span.description { }

table.contentpane td form table td.sectiontablefooter { }
table.contentpane td form table td.pagecounter  { }

table.contentpane td ul {
   display: none;
}

table.contentpane td ul li { }
table.contentpane td ul li a.category,
table.contentpane td ul li a:visited.category  { }
table.contentpane td ul li a:hover.category { }
table.contentpane td ul li span.small  { }

Na het toepassen van de stijlen ziet de pagina 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