GuildPortal will be going offline (permanently) by the end of the month.
Sign Up! Login: Password: New User? Forgot? Support
Top Mods!
Wowhead Search
by sonofsamedi
Digital Clock
by Wolfar15
Admin Forums
Welcome to the GuildPortal Help Community! These forums are for admin-to-admin help.
Available Forums
Forums : Pimp My Site! > How to have a different theme for each page
Mottie (MVP) 5/15/2008 9:23 PM EST : How to have a different theme for each page
GuildPortal MVP
Posts: 3884
Zomgawsh Poster

I remember seeing a post about how to do this, but I couldn't find it. So I decided to make a new thread. You'll be shocked at how easy this turned out to be - I know I was.

This will be hard for me to make a step-by-step explanation of how to do this, but you can see the results on my test site. Click each tab and you'll see a completely different style.

So here is the run down:

1) Edit your Custom StyleSheet and only leave in elements that you don't want to change across all your pages (e.g. Font sizes)

2) Copy the remaining CSS elements into a file and name it with a ".css" ending. These elements can include almost anything:
  • Background image
  • Banner image
  • Tab images
  • Content box styles
  • etc....
3) Make a copy of that CSS file for each tab, then edit for whatever changes you wish to make - Only change items, don't delete things you aren't changing or it will mess up the look of the page.

4) Now save all those files to your GP website and copy the links.

5) Now the fun part
  • Find a box on each page that you can add html into... on my Home page, I chose the Welcome Content box. My Forums page, I added it into my forums icons "key".
  • Now just add a link as below inside the box (replace the red text)
    <link rel="stylesheet" href="{your guild #}/home-tab.css" type="text/css" media="screen" />
  • Do this somewhere (anywhere) on each page, linking it to the CSS file you want. On my test site, I actually just made a box and named it CSS style, but it's only because I didn't have any extra content on there 
And you're done! Not too hard huh?

I remember someone saying that they only wanted a flash header on their home page... I'll have to think about that one. This will only work for images that can be linked to in a CSS (as far as I know). You can always check out the source code of my test site or message me if you have questions.

sead0g (New Admin) 5/16/2008 4:42 AM EST : RE: How to have a different theme for each page
Posts: 917
Zomgawsh Poster

Wow, that is excellent. You deserve an award, seriously! I thought that this was just not possible. SWEET!

Mottie (MVP) 5/17/2008 5:12 AM EST : RE: How to have a different theme for each page
GuildPortal MVP
Posts: 3884
Zomgawsh Poster

hehe thanks sead0g,

I wanted to mention that if you go back and edit the content box, the <link> and any other CSS, Javascript or whatever script is in there will disappear. This is something that the editor does. All you have to do is view source of your page, find the content box and copy that information to the clip board to paste it back into the editor - I find this annoying

Edit: I made a more detailed explanation on how to do this in this post

Admins Online
There are   members online.
So-and-so has logged on!