Templates

is there a way to have one template look for the homepage - and a different template look for the rest of the site. For example - a red background for the homepage and the rest of the pages with a blue background.

Thanks in advance.

you can just edit css templates/base/css/index.css  or template/yourtemplate/css/index.css  and play around in that area

Also page_1.html  i think as well.  You can add some extra html there if needed.... 

and of course index.php

i was just using the background as an example - but the same thought would apply to designboxes and everything else as well. I ask this question because it was brought up that Joomla has this capability.

 Are we Joomla now?

As noted above, you can probably override the default designbox style with index.css as well.

@Newton - Joomla was mentioned as a replacement for Dolphin. I would love to stick with Dolphin, but if it comes to a point where Joomla offers a better functionality for our project than Dolphin does, then - albeit not my decision - I may have to redo this project using Joomla. So, in my efforts to keep using Dolphin, I am trying to make sure Dolphin can deliver more than Joomla can.

@Nathan - OK, cool - just checking

Thanks

Some people have been using my head injections mod to embed <style> tags onto pages to override the bodys background images and colors for specific pages.

I have also used it for that as well. you would need to specify !important on the css you override from the head.

I am considering adding footer injections to the next version to make css over rides easier.

Dean makes the head injection module that I use for such purposes.  Uh, yes Newton, I recall your comment about modules and core

The head injection module works off of the page title; so any page with a unique title can have an injection.  You can use it to add both javascript as well as CSS to any page with a unique title.  Therefore, you can override the CSS to have a different look for each page or add a javascript function that you only wish to be applied to a particular page.

Edit: Dean answered while I was typing

Thank you for that explaination GG - that makes things a lot easier. I was sitting here wondering what the heck I would have to do, but you made things clearer for me. Thanks also Deanos - I will check out your module and play with it tonight.

I am revisiting this topic for a lil extra assistance. My goal is as follows: I have found a template that I really like, but for the purposes of our site, this template would not be sufficient on certain pages. So, is it possible to keep the top section of the site on the home page only (the section with the search, profile link, account link, and avatar image). All subsequent pages would be without this top section.

Yes.

You would make new _header.html, and _sub_header.html for the index page only that has those things removed. Give those two files a different name. Then page_1.html would call the new _sub_header and the new_sub_header calls the new _header.

Hope i explained that ok.

Some pages like the index page have their own template, which in turn can also use different headers and footers.

Oh, wait, i got that backwords. You want the index only to have them.

Ok, then remove that stuff from the existing header and sub_header and a new copy just for the index page that has them. Basically the reverse of what i first described.

Maybe I didn't explain myself properly. As it stands right now - the custom template I have (which is simply edits of the base uni template) has no top section (see image no-top.png). Instead, I would like for the home page to include the top section (see image with-top.png) and the rest of the pages to look like the no-top.png image.

lol - i thought i had something backwards, so posted a clarification, then refreshed and saw your new post.   More clarification - I used the css files to remove the top section, by using the display: none for the sections i wanted to hide. With your solution, I have to unhide them?

The procedure would be the same.

You would have to create a new header.html and sub_header.html under different names that will be used by page_1.html which you would have to edit to put in the information you need.

Apparently the developer of the template took all that stuff out. You have to put it back in, but only for the first page. The index page which is page_1.html

But yea, i get your explanation. Your apparently not getting my explanation.

i was saying that I didnt remove anything from the _header or any other pages, instead i put:

div.sys_main_logo {
     display: none;
}

in my general.css file for my new template. I have removed this to reveal the top section again, and will now do your instructions. Thanks for the help.

EDIT: Works like a charm - you are a godsend deanos. Thanks again.

Oh. you did not say that.

But yea. you would just remove that div section from the default header files and make sure it remains in the renamed ones that page_1 would use.

To try and be more clear.

Copy _header.html and name it _header2.html
Copy _sub_header.html and name it _sub_header2.html

Edit _sub_header2.html and change this line

<bx_include_auto:_header.html />

To this

<bx_include_auto:_header2.html />

Then edit page_1.html and change this line

<bx_include_auto:_sub_header.html />

To This

<bx_include_auto:_sub_header2.html />


That's it. Now page_1 the index page will use the second header files. Edit them as needed.

Oh.

Guess i wasted my time with the full instructions.

No, someone visiting might get some use from them.

Thanks Deano, this trick can help with initial page speed also by removing ads and other nonessentials off the first page before a visitor joins.