Vectors and 3D Models
Local Search - Website Design
Weather Information
Get the App for Smartphones and Tablets

Go Back


WhmSoft Free Articles Directory
Free Articles for Reprint
Free Articles to Publish
Free Articles for Newsletters
Videos to Watch


Page Generation Date and Time:
06/26/2017 10:55:39

 
Free the Animation VR / AR
Play to reveal 3D images and 3D models!
   
 
vlrPhone / vlrFilter
Project of very low consumption, radiation and bitrate softphones, with the support of the spatial audio, of the frequency shifts and of the ultrasonic communications / Multifunction Audio Filter with Remote Control!



 
 
Alexa Data
 

Go To Articles Directory Home Page

To get the current article, - See Below (at the bottom of the page) -.
For top news titles, see below.
Web sites and videos listed in this page are frequently updated.
If you find that this page is useful (quality of web sites, images and videos, ...), you can add it to your favorites.
Bookmark Page !

Tell a Friend:



With your mobile phone (WAP / I-Mode / iPhone / PDA), for free:
The Top News - http://www.whmsoft.net/services/wap/news.php
The Daily Files - http://www.whmsoft.net/services/wap/get.php
All the Directory Files - http://www.whmsoft.net/services/wap/choose.php

Web version of feeds:
Podcast Music - http://www.whmsoft.net/services/web/wpodcast.php
Daily Files - http://www.whmsoft.net/services/web/wget.php

You can play the Guitar Drum Revolution game (flash game) by following the link below:
Play Guitar Drum Revolution Game


You can play free online games (flash games) by following the link below:
Free Online Games

Play the samples below:
00553 Mv 017 Metal Armor00824 Mahjongg1262 Mani GolfDr StrangeguttSnowy Treasure Hunter

You can view the people (celebrities) news and the front page news (with videos, images and constant updates) by following the link below:
View Recent News
or by visiting the WhmSoft Service blog:
News Photos Slideshows


Article Keyword Videos to Watch
Website Design
Click on the image to start the video.



Related Topics
Images - Links - Articles

Washington


Related Images



Article Category Videos to Watch
Website Design
Go to the Videos Pages


Advanced Joomla Templating (pt1) Using Module Class Suffix

an article from User Written Resources

1. duplicate the styles already used for the particular module, adding a suffix to each style name. this will definitely include some of the following;

1. .module {}
2. div.moduletable {}
3. div.moduletable h3 {}
4. table.moduletable {}/li>
5. table.moduletable th
6. table.moduletable td

and can include other styles used on the content in that section, such as;

1. ol, ul, li {}
2. a:link,a:visited,a:hover {}
3. a.readon:link,a.readon:visited,a.readon:hover {}

and others, note that certain modules already may have specific css styles associated with them (such as latestnews & mostread lists) so if you are modifying one of these modules, you might need to either remove the specific style so the module class suffix style can be applied, or just change those specific styles.

example from "freemambo template"

table.moduletable { float: left; padding: 0px; margin: 0px; width: 152px; background: url(../images/leftright.gif); } table.moduletable th { background: url(../images/subhead_bg.gif); font-size: 10px; text-align: center !important; text-align:center; padding-top: 4px; padding-left: 0px; height: 23px; text-decoration: none; width: 154px !important; width:152px; color:#FFFFFF; text-transform:uppercase; } table.moduletable td { font-size: 11px; padding-left: 5px; padding-right: 2px; font-weight: normal; color:#000000; }

no module suffix screenshot

2 .make changes to these styles as desired.

example of changes to "freemambo template" - adding suffix eg

table.moduletableeg { float: left; padding: 0px; margin: 0px; width: 152px; } table.moduletableeg th { background-color: #FF9900; color: #333333; font-size: 12px; text-align: center !important; text-align:center; padding-top: 2px; padding-left: 0px; height: 23px; text-decoration: none; width: 154px !important; width:152px; text-transform:lowercase; } table.moduletableeg td { background-color: #EEEEEE; font-size: 11px; padding-left: 5px; padding-right: 2px; font-weight: normal; color:#FF0000; }

eg module suffix screenshot

3. update the module class suffix within joomla administrator.

1. go to 'Modules' -> 'Site Modules'
2. click on the module you'd like to apply the new css styles to
3. enter the suffix you used in the module class suffix field & click 'Save'

site module - edit screenshot


About the Author: technology geek, music addict, websaavy, fiction fan, wannabe writer, fantasy/sci-fi aficionado
personal site: natsirtm.com
new site just started - revenue sharing for authors: User Written Resources.com




Recommended Web Site(s):

Easy Articles Home Page - Articles Directory

Recommended WhmSoft Web Sites, Feeds and WAP Address:

WhmSoft Software Home Page - Software
WhmSoft Services Login Page - Music and Images
WhmSoft Moblog Home Page - Blog - Photo Gallery
WhmSoft Free Online Games Home Page - Flash Games
WhmSoft Services RSS Feed - Daily Music, Image and 3D Flash Animation
Classical Music with Drum RSS Feed - MIDI and MP3 Files
Classical Music with Drum Podcast Feed - MP3 and MP3 Files
WAP / I-Mode / PDAs - Daily Music, Image and Flash Animation

Home Pages:

WhmSoft Free Articles for Reprint Home Page
WhmSoft Services Home Page - Music and Images
Copyright (C) 2006-2017 WhmSoft - All Rights Reserved.