Website with changeable style

[john9292]

Dear all,

I have already asked this question in the same forum although it was hard to explain and no one could find the solution.

However I will try again and try to me more thorough.

Any questions/more information then please ask.

Okay I have an HTML page with CSS (the CSS has PHP in it so the variable e.g. link images can change when different colour schemes are chosen).

The CSS and PHP styling page:

<?php
header('Content-Type: text/css');
$style = (isset($_GET['style'])) ? $_GET['style'] : 'default';
switch($style)
{
   case 'green':
        $fg = '#FFFFCC';
        $bg = '#9fa2a9';

...

#linksDiv
{
    position:absolute; 
    width:705px; 
    height:800px; 
    z-index:1;
    border:thin solid;	
    left: 137px; 
    top: 275px;
    background:<?php echo $fg; ?>;
}

At the top of the HTML page:

<?php
session_start();

$styles = array('default','green','cream');

if(isset($_POST['style']) and in_array($_POST['style'], $styles))
{
    $style = $_POST['style'];
    setcookie('style', $style, time()+(300*24*60*60));
}
elseif(isset($_COOKIE['style']) and in_array($_COOKIE['style'], $styles))
{
    $style = $_COOKIE['style'];
    setcookie('style', $style, time()+(300*24*60*60)); 
}
else
{
    $style = 'default'; 
}
?>

Actually in the HTML page:

<form action='<?php echo $_SERVER['PHP_SELF']; ?>' method='post'>
			<input type='radio' name='style' id='style_default' value='default' checked='checked'><label for='style_default'>Default</label><br>
			<input type='radio' name='style' id='style_green' value='green'><label for='style_green'>Green</label><br>
			<input type='radio' name='style' id='style_cream' value='cream'><label for='style_cream'>Cream</label><br>
			<input type='image' src='change.gif' border='0'>
			</form>

---

But when I do this for link images (link image changes when different style chosen) it does not work i.e. link is un-clickable:

<div id="rightLink3">    

			<a href="http://127.0.0.1/aPage.php"></a>
		</div>

Div background variable changes in CSS with use of the HTML form.

Someone please help.
Cheers
John

[dagon]

there's nothing to click, needs content

<a href="http://127.0.0.1/aPage.php">CLICK ME</a>

and i assume that's only a demo url

[dagon]

yur also checking $GET['style'] when you want $POST['style']

[john9292]

Cheers for replies.

The link you referred to in your first reply needs to be an image link.

The dynamic div (variable in CSS) background is an image that changes for the link.

I do not want to use writing for the link, I want to use an image that changes when the colour scheme is changed.

Given this, I think it should be something like this in the HTML:

<div id="rightLink1"> 
</div>	

and like this in the CSS/PHP:

#rightLink1 
{
    width:120px; 
    height:50px; 
    border:thin solid #000000;	   	
    z-index:0;
    background: URL(<?php echo $links; ?>);  

}
a.rightLink1:link 
{ 
    width:120px; 
    height:50px; 
    border:thin solid #000000;
	background-image:url(<?php echo $links; ?>);  

}
a.rightLink1:hover 
{ 
	background: URL(<?php echo $links2; ?>); 
}

But then that does not work as I dont think you can get links into the CSS.

Are you any closer to understanding the situation?

And It only works with GET for some reason - I did try POST.

Cheers

[john9292]

Yes that was a demo URL BTW.

And can you put links into CSS file so that divs become links?

[dagon]

you cant make a background image a link

[Weedpacket]

No, but you can give a link a background image.

a#noplacelikehome { display:block;
width:100px; height:100px;
background-image:url(thingy.png) }

<a id="noplacelikehome" href="http://127.0.0.1/"></a>

[JPnyc]

I think the stylesheets object is a better way to handle this. You can change the WHOLE styling at once that way, with several pre-prepared style sheets