View Single Post
  #2 (permalink)  
Old 02-10-2007, 05:54 PM
admin admin is offline
Administrator
 
Join Date: Sep 2006
Posts: 327
Wink

Hi


You can override any module style my adding a class suffix to it.
Via the style sheet.

http://www.m65.net/cms/articles/joom...nce-1.0.x.html
4. STANDARD MODULE TABLE


/* ##################### STANDARD MODULE TABLE #################*/
table.moduletable { width: 100%; padding: 0px; margin: 0px;}
table.moduletable th { background: #2F3E57;height: 18px; color: #FFFFFF;}
table.moduletable td {height: 18px;}

/* Add here Custom Modules */

/* End Custom Modules */ /*
##################### END STANDARD MODULE TABLE #################*/

Inside the templates css file you will see an example

*NOTE: "-demo" can be added to Module Class Suffix:
FOR CUSTOM MODULES LOOK AND FEEL
*/
table.moduletable-demo{}
table.moduletable-demo th{}
table.moduletable-demo td{}
table.moduletable-demo a:link{}
table.moduletable-demo a:visited{}
table.moduletable-demo a:active{}
table.moduletable-demo a:hover{}
/*END OF DEMO*/
/* .moduletable can be a class without the table.moduletable*/

the –demo is the suffix.
Form box -> [Module Class Suffix] –demo <-enter the suffix
Add your colors font size as you wish.
And then login to admin-back-end

Find the module assigned to position 4 or 5 etc.
And add the just the suffix parameter to module save.
View the front-end refresh your browser your all set.

See an example of a menu at this URL.

http://www.m65.net/cms/articles/joomla/adding-a-flat-list-tab-menu-to-your-template.html

for a module you would use the lower one.

Cheers,
Brian