Main
Latest
- 10101 & Back in George
- 27 Dinner, here we come!
- Google Intelligent Word Matching
- Minimalist Design in Africa
- Thoughts on Gaborone, Botswana
- Joined the Joomla! Development Working Group
- Re-Skyped
- Ubuntu Linux Feisty on Fujitsu Siemens Laptop
- GardenRoute.com Portal Upgraded
- Comment Moderation Back On
Archives
- June 2004
- July 2004
- August 2004
- September 2004
- October 2004
- November 2004
- December 2004
- January 2005
- February 2005
- March 2005
- April 2005
- May 2005
- June 2005
- July 2005
- August 2005
- September 2005
- October 2005
- November 2005
- December 2005
- January 2006
- February 2006
- March 2006
- April 2006
- May 2006
- June 2006
- July 2006
- August 2006
- September 2006
- November 2006
- December 2006
- January 2007
- February 2007
- March 2007
- April 2007
- May 2007
- June 2007
- July 2007
- August 2007
- September 2007
- October 2007
- November 2007
- December 2007
- January 2008
- February 2008
- March 2008
- April 2008
- May 2008
- June 2008
- July 2008
- August 2008
- September 2008
- October 2008
- November 2008
- December 2008
- January 2009
Adding Stylesheets in Joomla! 1.5
Joomla! 1.5 makes it really simple to add external CSS (or other) stylesheets into your component or even module templates. You can simply use the addStyleSheet method on the JDocument class.
For my GSoC project I used this in com_poll in the default.php template:
$doc =& JFactory::getDocument();
$doc->addStyleSheet('components/com_poll/assets/poll_bars.css');This neatly inserts a link element inside of your page's head element. Although many popular browsers seem to support the link element for stylesheet includes even inside of the body element, this is not allowed according to the HTML 4.01 standard (and therefore also in XHTML 1.0). This appears to be the same in HTML 5 too (in the draft at the time of writing, unless I'm reading it wrong).
On my (outdated) checkout of the Joomla! trunk, the code it generates looks like this:
<head>
[...]
<link rel="stylesheet" href="components/com_poll/assets/poll_bars.css" type="text/css" />
[...]
</head>There are also a lot of other cool functions in the JDocument class such as the addScript method, etc. Also see the JDocumentHTML class with methods such as addHeadLink and addFavicon. Worth checking out, in my opinion!
Copyright © 2004-2009 Charl van Niekerk. All articles are released under the Creative Commons Attribution 2.5 South Africa licence, unless where otherwise stated.
0 Comments
Post a Comment