Feed Links

Print screen without any additional CSS

 

Feedlinks ongestijld

 

Additional styling is not needed.

 

Structure with classes and id's


div.componentheading
table.contentpane
(width=100% cellpadding=4 cellspacing=0 border=0 align=center)
tr td (width=60%)
form
table
tr td (align=right) Toon select.inputbox#limit
tr.sectiontableentry1
td (align=right width=5) 1
td (height=20 width=90%) a.category Dutch Joomla
tr.sectiontableentry2
td (align=right width=5) 2
td (height=20 width=90%) a.category Joomla! Developer - Vulnerability News
tr td.sectiontablefooter (align=center) span.pagenav a

 

Page with feed items
When is clicked on a Feed link you will see this page widht feed items.

 

Feed link items unstyled

 

 

Structure with classes and id's


div (direction:ltr !important; text-align:left !important;)
div.componentheading
(direction:ltr !important;text-align:left !important;) Feedlinks
table.contentpane
td.componentheading
(direction:ltr !important;text-align:left !important;) a Voorpagina
td ul
li a Joomla!dagen op 12 en 13 juni
li a Joomla!website: A4 Midden Delfland
li Etc.

 

td.componentheading
The combination of td and componentheading is a new style.

 

div.componentheading { }

table.contentpane { }
table.contentpane td.componentheading { }

table.contentpane td.componentheading a,
table.contentpane td.componentheading a:visited {
   font-weight: bold;
}

table.contentpane td.componentheading a:hover {
   font-weight: bold;
}

table.contentpane td ul {
   list-style: disc;
   margin-left: 17px;
   padding: 0;
}

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

Comments (0)
Post a commment or ask a question!
Your Contact Details:
Comment:
Security
Please input the anti-spam code that you can read in the image.