Comments on: Generating dynamic stylesheets on the fly using PHP http://mou.me.uk/2008/08/03/generating-dynamic-stylesheets-on-the-fly-using-php/ A little piece of the web Sun, 05 Feb 2012 18:59:26 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: mouhttp://mou.me.uk/2008/08/03/generating-dynamic-stylesheets-on-the-fly-using-php/#comment-893 mou Mon, 01 Sep 2008 09:50:12 +0000 http://mou.me.uk/?p=203#comment-893 JustinI'm a little confused. Do you fancy sending me the details by email and I'll take a look? Justin

I’m a little confused. Do you fancy sending me the details by email and I’ll take a look?

]]> By: Justin Rheehttp://mou.me.uk/2008/08/03/generating-dynamic-stylesheets-on-the-fly-using-php/#comment-892 Justin Rhee Thu, 28 Aug 2008 03:58:59 +0000 http://mou.me.uk/?p=203#comment-892 can't seem to make the php show in comments, but in the last example i tried declaring an if else to choose between upperlevel and upperlevel selected classes if page=whatever. but ends up showing 2 buttons and ignores the if else statemnt. do you know why? or what i can do instead can’t seem to make the php show in comments, but in the last example i tried declaring an if else to choose between upperlevel and upperlevel selected classes if page=whatever. but ends up showing 2 buttons and ignores the if else statemnt. do you know why? or what i can do instead

]]> By: Justin Rheehttp://mou.me.uk/2008/08/03/generating-dynamic-stylesheets-on-the-fly-using-php/#comment-891 Justin Rhee Thu, 28 Aug 2008 03:56:37 +0000 http://mou.me.uk/?p=203#comment-891 Oh, I forgot to mention I also have classes on my links:<a href="go/who-we-are/" rel="nofollow">About Oogie Art</a><a href="go/who-we-are/" rel="nofollow">Who We Are</a> <a href="go/why-oogie-art/" rel="nofollow">Why Oogie Art?</a> <a href="go/our-results/2008/" rel="nofollow">Our Results</a> <a href="go/news/" rel="nofollow">Oogie Art News</a> <a href="go/faq/" rel="nofollow">FAQ</a><a href="go/portfolio-program/" rel="nofollow">Art Portfolio Program</a><a href="go/portfolio-program/high-school/" rel="nofollow">High School Program</a> <a href="go/portfolio-program/college-program/" rel="nofollow">College Program</a>So "upperlevel selected" class shifts the image down to -54px, while "upperlevel" class shifts the image down to -27px. You can see the menu in action at www.Oogie-Art.com.With your tutorial what I've done is if page=about, li#nav_about a.upperlevel { background-image: url("http://www.oogie-art.com/img/nav/about.gif"); width: 135px;margin-right:5px;background-position: 0 -27px;}move the about image down to -27px (selected in blue) however the hover stops working at this point, so I wanted to include in the php declaration 2 points: 1. the above 2. li#nav_about a.upperlevel:hover a.upperlevel {background-position: 0 -54px;}code I have now: "" "" li#nav_about a.upperlevel { background-image: url("http://www.oogie-art.com/img/nav/about.gif"); width: 135px;margin-right:5px;background-position: 0 -27px;} li#nav_about a.upperlevel:hover a.upperlevel {background-position: 0 -54px;} " li#nav_about a.upperlevel { background-image: url("http://www.oogie-art.com/img/nav/about.gif"); width: 135px;margin-right:5px;} "what I'm also thinking about is if instead of declaring the if statement in the css file, I want to try declaring it in my nav file; for example:" <a href="#" rel="nofollow">Home</a><a href="#" rel="nofollow">Home</a><a href="#" rel="nofollow">Home</a> <a href="go/who-we-are/" rel="nofollow">About Oogie Art</a><a href="go/who-we-are/" rel="nofollow">Who We Are</a>but when I do it this way, I displays 2 Home buttons and doesn't read the if else, why? Oh, I forgot to mention I also have classes on my links:

About Oogie Art

Who We Are
Why Oogie Art?
Our Results
Oogie Art News
FAQ

Art Portfolio Program

High School Program
College Program

So “upperlevel selected” class shifts the image down to -54px, while “upperlevel” class shifts the image down to -27px. You can see the menu in action at http://www.Oogie-Art.com.

With your tutorial what I’ve done is if page=about,
li#nav_about a.upperlevel { background-image: url(“http://www.oogie-art.com/img/nav/about.gif”); width: 135px;margin-right:5px;background-position: 0 -27px;}

move the about image down to -27px (selected in blue) however the hover stops working at this point, so I wanted to include in the php declaration 2 points:
1. the above
2. li#nav_about a.upperlevel:hover a.upperlevel {background-position: 0 -54px;}

code I have now:
“”
“”
li#nav_about a.upperlevel { background-image: url(“http://www.oogie-art.com/img/nav/about.gif”); width: 135px;margin-right:5px;background-position: 0 -27px;}
li#nav_about a.upperlevel:hover a.upperlevel {background-position: 0 -54px;}
”
li#nav_about a.upperlevel { background-image: url(“http://www.oogie-art.com/img/nav/about.gif”); width: 135px;margin-right:5px;}
”

what I’m also thinking about is if instead of declaring the if statement in the css file, I want to try declaring it in my nav file; for example:

”
Home

Home

Home
About Oogie Art

Who We Are

but when I do it this way, I displays 2 Home buttons and doesn’t read the if else, why?

]]> By: Justin Rheehttp://mou.me.uk/2008/08/03/generating-dynamic-stylesheets-on-the-fly-using-php/#comment-890 Justin Rhee Thu, 28 Aug 2008 03:24:39 +0000 http://mou.me.uk/?p=203#comment-890 li#nav_about a.upperlevel { background-image: url("http://www.oogie-art.com/img/nav/about.gif"); width: 135px;margin-right:5px;background-position: 0 -27px;} li#nav_about a.upperlevel:hover a.upperlevel {background-position: 0 -54px;}li#nav_about a.upperlevel { background-image: url("http://www.oogie-art.com/img/nav/about.gif"); width: 135px;margin-right:5px;}I inserted "." to show you all the code. li#nav_about a.upperlevel { background-image: url(“http://www.oogie-art.com/img/nav/about.gif”); width: 135px;margin-right:5px;background-position: 0 -27px;}
li#nav_about a.upperlevel:hover a.upperlevel {background-position: 0 -54px;}

li#nav_about a.upperlevel { background-image: url(“http://www.oogie-art.com/img/nav/about.gif”); width: 135px;margin-right:5px;}

I inserted “.” to show you all the code.

]]> By: Justin Rheehttp://mou.me.uk/2008/08/03/generating-dynamic-stylesheets-on-the-fly-using-php/#comment-889 Justin Rhee Thu, 28 Aug 2008 03:22:42 +0000 http://mou.me.uk/?p=203#comment-889 Wait, I've run into a problem: if the page is recognized as "about," I want an image to move down -27px, while moving down to -54px when hovered upon; right now the hover isn't working though.Here's my code:li#nav_about a.upperlevel { background-image: url("http://www.oogie-art.com/img/nav/about.gif"); width: 135px; margin-right:5px; background-position: 0 -27px;}li#nav_about a.upperlevel:hover a.upperlevel {background-position: 0 -54px;}...Is it possible to make both work? Wait, I’ve run into a problem: if the page is recognized as “about,” I want an image to move down -27px, while moving down to -54px when hovered upon; right now the hover isn’t working though.

Here’s my code:

li#nav_about a.upperlevel { background-image: url(“http://www.oogie-art.com/img/nav/about.gif”); width: 135px;
margin-right:5px;
background-position: 0 -27px;}

li#nav_about a.upperlevel:hover a.upperlevel {background-position: 0 -54px;}

…

Is it possible to make both work?

]]> By: Justin Rheehttp://mou.me.uk/2008/08/03/generating-dynamic-stylesheets-on-the-fly-using-php/#comment-888 Justin Rhee Thu, 28 Aug 2008 03:06:07 +0000 http://mou.me.uk/?p=203#comment-888 Yo, absolutely amazing technique! I applied it to a menu I'm working on at www.Oogie-Art.com and it works perfectly now; thanks a lot man. Yo, absolutely amazing technique! I applied it to a menu I’m working on at http://www.Oogie-Art.com and it works perfectly now; thanks a lot man.

]]>