|Think about Loose Coupling|
PerlMonks CSS HOWTOby shmem (Chancellor)
|on Jan 31, 2007 at 11:42 UTC||Need Help??|
Draft - please don't reply or vote for this post; /msg me instead. Thanks.
The appearance of PM pages can be customized via CSS files.
Perlmonks OnSite CSS FilesThese are the CSS Themes at perlmonks:
All themes can be selected via the "Theme container" combo box in "Theme configuration" of the Display Settings node.
Note:entering their respective URI into the Link to External CSS stylesheet textbox or by including them via a import directive in the On-Site CSS Markup textbox will miss some colour settings, since at the time of this writing there are still colours configured directly in tags with BGCOLOR directives. Those colours are pulled out of the database and inserted on the fly.
This comprises the following:
Tweaking the Stylesheet
With that as base, you can further tweak the appearance to your liking by including CSS directives below, which will override any definitions present in the previously imported file.
You could load e.g. the red theme as base and provide for a exquisite pink background as follows:
Note that the definitions you set out in On-Site CSS Markup will be pulled out of the database and included in every page you retrieve. If your styleshets grow lengthy, consider placing them in a file off-site and including them as set out above.
Changing the appearance of your homenodeInsert a link to a stylesheet at the top of your User's Bio textbox:
Onsite stylesheet tweaks
External stylesheets, ready to use
More offsite CSS ressources will be added as authors agree with publication.
Perlmonks CSS history
Further readings - ressources and tips
ID and CLASS Attributes used at PerlMonks
Please /msg me if you have any additions/corrections/objections.
Corrected selection of Theme, added caveat for CSS import
added tweaks xdg /msgd, Perlmonks CSS history section, adrianh's links