Where to put CSS files - Revision history

UweDuesing at 22:40, 9 October 2008

2008-10-09T22:40:50Z

2008-10-09T22:31:19Z

2008-06-19T08:32:24Z

New page: {{cookiejar}}

New page

@@ Line 1: / Line 1: @@
-{{cookiejar}}
+Where to put your CSS files depends on what you would like to achieve with them.
-−
-Where to include your CSS files depends on what you would like to achieve with them.
 '''1. Template'''
 The CSS within the template folder is meant to be globally valid for the whole site.
-That means the CSS is  not only authored for one specific component or module within Joomla! but for the whole installation.
+That means the CSS is not only authored for one specific component or module within Joomla! but for the whole installation. So you might want to choose this location for your CSS files while creating a new template or modifying an existing one.
-−
-Creating a new template or modifying an existing one -> This is the right way to do it.

← Older revision		Revision as of 22:31, 9 October 2008
Line 1:		Line 1:
	{{cookiejar}}		{{cookiejar}}
		+
		+	Where to include your CSS files depends on what you would like to achieve with them.
		+
		+	'''1. Template'''
		+	The CSS within the template folder is meant to be globally valid for the whole site.
		+	That means the CSS is not only authored for one specific component or module within Joomla! but for the whole installation.
		+
		+	Creating a new template or modifying an existing one -> This is the right way to do it.
		+
		+
		+	'''2. Component or Module'''
		+	Creating a new component / module you might want to keep the CSS files with the component/module so that everything displays nicely no matter where it is going to be installed later on.
		+	One place for the include statement can be the main component file of your component/module folder. Creating a CSS folder within your component/module folder structure and using the following code works fine for components and modules:
		+
		+	$document = &JFactory::getDocument();
		+	$document->addStyleSheet('components'.DS.'com_xyz'.DS.'css'.DS.'xyz.css');