[RESOLVED] PHP styling

sebjlan

I want to be able to style my page in different ways using PHP.

For instance:

http://www.mydomain.com/
http://www.mydomain.com/?about
http://www.mydomain.com/?contact --> default style

http://www.mydomain.com/?font-size=large
http://www.mydomain.com/?about&font-size=large
http://www.mydomain.com/?contact&font-size=large --> default style with large font size

Two styles at the same time
http://www.mydomain.com/?font-size=large&layout=left
http://www.mydomain.com/?about&font-size=large&layout=left
http://www.mydomain.com/?contact&font-size=large&layout=left --> default style with large font size and left coloumn

And so on..

Each query string should give the <body> a class.
Default = <body>
large font = <body class="large">
large font and left layout = <body class="large left">

Stylesheet:

body {
...
}

body.large {
...
}

body.left {
...
}

How do I do this with PHP?
AND can I use one or more forms to do this?

I hope I’ve made myself clear.

Thank you very much in advance.

jara06

This is not how it should be done, but rather how you CAN do it ...
Just use your imagination and broaden the script 🙂

</head>
<?php
	if (isset($_GET['font-size']))
	{
		if ($_GET['font-size'] == 'large')
		{
			$body_class = 'large';
		}
		else
		{
			$body_class = 'default';
		}
	}
	else
	{
		$body_class = 'default';
	}	
?>
<body class='<?php echo $body_class; ?>'> 
<div> asd blarh blarh ...........

sebjlan

jara06 wrote:

</head>
<?php
	if (isset($_GET['font-size']))
	{
		if ($_GET['font-size'] == 'large')
		{
			$body_class = 'large';
		}
		else
		{
			$body_class = 'default';
		}
	}
	else
	{
		$body_class = 'default';
	}	
?>
<body class='<?php echo $body_class; ?>'>

I’ve already tried this method, and I don’t like it :queasy:

But thanks for your quick response! 😉

Rodney_H_

jara06's ideas is very cool.

I saw an article about switching styles using php and cookies on A List Apart here: http://www.alistapart.com/articles/phpswitch/

jara06

you could also make a php css wrapper and pass the vars to that file instead. Many projects uses this instead. Just have a glance at phpMyAdmin 🙂

Rodney_H_

jara06 wrote:
you could also make a php css wrapper and pass the vars to that file instead. Many projects uses this instead. Just have a glance at phpMyAdmin 🙂

Cool!

sebjlan

Rodney H. wrote:
jara06's ideas is very cool.

What about two styles at the same time?
I’ll have to create tons of if statements, since I have 2 layout-styles (default, left), 2 font-size-styles (default, large) and 4 font-face-styles (default, trebuchet ms, georgia, arial).

2 2 4 = 16 different body-classes, thus 16 different if statements.
Not cool I think.

Rodney H. wrote:
I saw an article about switching styles using php and cookies on A List Apart here: http://www.alistapart.com/articles/phpswitch/

I’ll have a look at that tomorrow. Thank you 🙂

Rodney_H_

Could you create a function and use an array to do all the work for you?

sebjlan

Rodney H. wrote:
Could you create a function and use an array to do all the work for you?

Don’t know how 😕

That's why I’m in the newbies section 🙂

jara06

you could do like this.
Make a separate file which determines the css and call the function/script. 🙂

</head>
<?php
	require_once('./css_switcher.inc.php');
?>
<body class="<?php echo css_switch($_GET); ?>">
	<div>
		.. blarh blarh ..

css_switcher.inc.php:

<?php

function css_switch($var = '')
{
	$class		= null;
	$layout		= 'default';	// (default, left)
	$font_size	= 'default';	// (default, large)
	$font_face	= 'default';	// (default, trebuchet ms, georgia, arial)

if ((isset($var)) && (is_array($var))) {

	switch ($var['layout']) {
		case 'default':
			$layout = 'default';
			break;
		case 'left':
			$layout = 'left';
			break;
		default:
			$layout = 'default';
			break;
	}

	switch ($var['font-size']) {
		case 'default':
			$font_size = 'default';
			break;
		case 'large':
			$font_size = 'large';
			break;
		default:
			$font_size = 'default';
			break;
	}

	switch ($var['font-face']) {
		case 'default':
			$font_face = 'default';
			break;
		case 'trebuchet':
			$font_face = 'trebuchet';
			break;
		case 'georgia':
			$font_face = 'georgia';
			break;
		case 'arial':
			$font_face = 'arial';
			break;
		default:
			$font_face = 'default';
			break;
	}
}

$class = $layout .' '. $font_size .' '. $font_face;
return $class;
}

?>

Rodney_H_

By Jove, I think he's got it!

jara06

🙂 now dont complain when all work has been done! Learn from it instead and ask lesser question 🙂

Edit:
Im just bored while installing linux in a VMWare... takes forever :glare:

Rodney_H_

Heck I am gonna copy and paste the code myself. Thanks for this example. You should get bored more often if it allows your mind to work in this way!!

😃

jara06

haha okay 🙂
Unfortunately I got a few grand projects going which steals a lot of time. Only installing linux to have a way of testing the system..

But just ask I you are having a headache with something 😉

sebjlan

It works!

Thank you 🙂

jara06

np.
Remember to put your thread in "RESOLVED" mode ... 😉

Rodney_H_

sebjlan wrote:
It works!

Thank you 🙂

Hot Dog! jara06, you did it! 🙂

sebjlan

There's just one problem:

Notice: Undefined index: layout/font-size/font-face in c:\Inetpub\wwwroot\css_switcher.inc.php on line XX.

Occurs when the variables are default, and therefore not set.

A quick question. Why the dot?:

<?php
require_once('./css_switcher.inc.php');
?>

hitman6003

it tells it to look in the current directory.

../ means one directory up in the tree.

sebjlan

require("php.php");
&
require("./php.php");

would be the same then?