Martin2k Forums

Board index Digital Media Website Design

Different colour scheme per page?

Website design and development. Perhaps the fastest changing media industry on here. Topics include website design, HTML, CSS, PHP and Javascript development... a lot more too!

Different colour scheme per page?

Postby Hoj » Mon May 09, 2011 8:57 pm

I'm working on a site at the moment, and the idea is for the site to be a different colour on each page, but keep the same design with everything else. There's only 4 pages, but each page needs to have all it's links, background graphics and such a different colour. For example, on the home page everything is blue, on the about page it's all yellow and so on.

I'm thinking of creating one HTML template, and one CSS file, and then developing the html in to the 4 pages, and having a styleblue.css, styleyellow.css, stylered.css and stylegreen.css for each page.

Do you think that's the best way? Or is there a way to get it working in one CSS file?
"I searched through the alterable values of flug gb.mfa but couldn't find Eric, Hoj, Alex or the Spaghetti Monster. Therefore Eric must exist, but Hoj, Alex and the Spaghetti Monster must not exist."
Hoj
Administrator
 
Posts: 4102
Joined: Tue Oct 20, 2009 2:54 pm
Location: OC
Medals: 2
6 Star (1) Flug Collaboration (1)

Re: Different colour scheme per page?

Postby Svart likdöd helvete » Mon May 09, 2011 9:00 pm

No! How gruesome
User avatar
Svart likdöd helvete
Level 4
 
Posts: 2160
Joined: Tue Dec 28, 2010 10:38 am
Location: Eumerica
Medals: 1
6 Star (1)

Re: Different colour scheme per page?

Postby Hoj » Mon May 09, 2011 9:10 pm

The site looks really nice, if your worrying about it being dire. It's metallic on black, but the nav bar, logos and links change colour per page.

But that's not what I'm asking...!
"I searched through the alterable values of flug gb.mfa but couldn't find Eric, Hoj, Alex or the Spaghetti Monster. Therefore Eric must exist, but Hoj, Alex and the Spaghetti Monster must not exist."
Hoj
Administrator
 
Posts: 4102
Joined: Tue Oct 20, 2009 2:54 pm
Location: OC
Medals: 2
6 Star (1) Flug Collaboration (1)

Re: Different colour scheme per page?

Postby Svart likdöd helvete » Mon May 09, 2011 9:40 pm

I thought you meant M2K. Personally, I don't like websites that change color. But to answer your question this could probably be done using javascript. And png files can be recolored automatically.
http://stackoverflow.com/questions/7252 ... javascript
User avatar
Svart likdöd helvete
Level 4
 
Posts: 2160
Joined: Tue Dec 28, 2010 10:38 am
Location: Eumerica
Medals: 1
6 Star (1)

Re: Different colour scheme per page?

Postby Jag9 » Mon May 09, 2011 10:05 pm

I've seen a websites that do that... most notably IGN.com. Although I tihnk it only really works if it has a genuine purpose to change the entire colour of the site, per page... like IGN. I've never attempted to do what you're trying to do before but I can think of a pretty cool way in PHP which would involve just one stylesheet call line.
/ Matty
User avatar
Jag9
Level 3
 
Posts: 1497
Joined: Thu Oct 15, 2009 3:56 pm
Location: Liverpool, UK
Medals: 2
6 Star (1) Flug Collaboration (1)

Re: Different colour scheme per page?

Postby Old Craywyn » Tue May 10, 2011 12:30 am

Mate, your making a zebra website?
I'm quite quite mad

Image

Hoj wrote:shocking state of me that night in the premire inn. my nipples were sore for a week!
User avatar
Old Craywyn
Guardian
 
Posts: 7505
Joined: Thu Oct 15, 2009 4:46 pm
Location: ESSEX!
Medals: 2
6 Star (1) Flug Collaboration (1)


Return to Website Design

Who is online

Users browsing this forum: No registered users and 1 guest

cron