Forum Moderators: open
i'm a newbie at web design, i'm using a cms for the first time and i'm having some problems.
I have a few pages, 4 to be exact and i have 4 different css files, one for each page. My problem is: how can i "attach" a css file to a page that's not the "frontpage/main/index.php".
I saw a post and i liked the solution but the problem is that on joomla, i just have 1 page and not several pages, so i can't atributte several id's depending on the page.
Can someone help me please?
On my folder /templates/exampleFolder/ i have an index.php. In the "head" i have something like this:
<link rel="stylesheet" href="templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
well, i have a few css files, i would like to know how can i call other css files for other pages. If i change the info to "/css/template_example.css", he changes all the pages.
Can we back up just a little? It seems to me that having a different CSS file for every page defeats much of the purpose of having stylesheets in the first place. Ideally, a stylesheet helps set site-wide look and feel and having more than a couple of stylesheets will make site maintenance difficult.
Normally, when you have multiple stylesheets, it's because they serve different roles. For example, you might have
- typography.css for all your fonts
- layout.css for the basic page layout
- print.css for styles specific to printing on paper.
or
- sitename.css for styles shared across the site
- forum.css for the additional styles used on your forum pages.
In the latter case, you would always have sitename.css included on your pages, but would only have forum.css included if it were a forum page. You wouldn't typically have different stylesheets for each page. You would have your base stylesheet and possibly, if there were tons of rules that you didn't want in the base stylesheet, ancillary sheets that would get added in as needed.
If you find that you really, truly need different stylesheets for different pages, you can create a template for each page type and then use the Joomla template manager to assign a template to those page types. I'm not really a Joomla person, so I can't be much help there though.
Let's say the page you want to add the stylesheet to is called
http://example.com/mystuff/mycoolpage
In your main page template, up where you declare the <head>, you could test to see if you're on that page, and then add in a stylesheet in the appropriate spot.
<?php
if (substr_count($_SERVER['REQUEST_URI'], "mystuff/mycoolpage"))
{
echo '<link href="/path/to/mycoolpage/stylesheet" rel="stylesheet" type="text/css" media="scree" />
}
?>
Essentially, that says "If the current page includes in its address the special page that gets the special stylesheet, then include that stylesheet. Otherwise, do nothing."
If you're using get parameters (index.php?q=page123) then you can test for those with the $_SERVER['QUERY_STRING'] variable in the same way, or much more simply by just asking
if ($_POST['q'] == "page123")
That should work, but I can 100% guarantee that a developer who knows Joomla would not do it this way. I believe a Joomla doc has a styles object of some sort and you can just add a stylesheet rather than the raw HTML.
HTH
Tom
