✔ Die Website-Hintergrund-Farbe wählbar machen?

fawad · 15. Oktober 2009

Hallo an Alle!

Meine Webseite-Hintergrund hat drei verschiedenen Farben und das kann nur ich ändern, weil ich in HEAD bereich „colourstylesheet name“ ändern kann.

Ich möchte, dass die Besucher die Hintergrund-Farbe wählen können.

Ich habe im Fußbereich meine Webseite für alle drei Farben eine Icons erstellt und wenn man drauf klickt, wird leider die Hintergrund-Farbe nicht geändert.

kann mir bitte jemand ein paar Beispielcode geben, wie man das machen kann und etc..?

HTML:

<head> 

<!-- anfang -->

<link href="./css/green.css" rel="stylesheet" type="text/css" media="screen" title="stylesheet" id="colourstylesheet">
oder
<link href="./css/blue.css" rel="stylesheet" type="text/css" media="screen" title="stylesheet" id="colourstylesheet">
oder
<link href="./css/red.css" rel="stylesheet" type="text/css" media="screen" title="stylesheet" id="colourstylesheet">
   -->
<!-- ende-->

</head>

Maik · 15. Oktober 2009

Hi,

schau mal hier: CSS-Styleswitcher mit PHP, oder auch hier: Style Switcher.

mfg Maik

tombe · 15. Oktober 2009

Verflixt ich war mal wieder zu langsam

Hi,

du musst deinen Icon/den Link einen Wert (hier die Variable "hintergrund" mitgeben.

Dann kannst du mit

PHP:

<head> 

<!-- anfang -->
<?php if (isset($_GET["hintergrund"] and $_GET["hintergrund"] == 1) { ?>
<link href="./css/green.css" rel="stylesheet" type="text/css" media="screen" title="stylesheet" id="colourstylesheet">

<?php } elseif (isset($_GET["hintergrund"] and $_GET["hintergrund"] == 2) { ?>
<link href="./css/blue.css" rel="stylesheet" type="text/css" media="screen" title="stylesheet" id="colourstylesheet">

<?php } else { ?>
<link href="./css/red.css" rel="stylesheet" type="text/css" media="screen" title="stylesheet" id="colourstylesheet">
<?php } ?>
   -->
<!-- ende-->

</head>

auf den entsprechenden Wert prüfen und entsprechend anzeigen lassen.
Diesen GET-Wert musst du halt auf jeder Seite mitführen. Entweder als Parameter oder du legst ihn als SESSION Variable fest.

fawad · 15. Oktober 2009

Hallo und danke für deinse Antwort!
was soll genau eintragen, weil so hat es nicht funktioniert?

HTML:

<p>© 2009-2010 by ssss
                  <a href="sieb"><img src="./images/blau.png" alt="Blaue Hintergrund-Farbe"></a>
                  <a href="sieg"><img src="./images/gruen.png" alt="Grüne Hintergrund-Farbe"></a>
                  <a href="sier"><img src="./images/rot.png" alt="Rote Hintergrund-Farbe"></a>
                  <a href="sies"><img src="./images/black.png" alt="Schwarze Hintergrund-Farbe"></a>
                  </p>

HTML:

<!-- anfang -->
<?php if (isset($_GET["siteg"] == 1) { ?>
<link href="./css/green.css" rel="stylesheet" type="text/css" media="screen" title="stylesheet" id="colourstylesheet">

<?php } elseif (isset($_GET["siteb"] == 2) { ?>
<link href="./css/blue.css" rel="stylesheet" type="text/css" media="screen" title="stylesheet" id="colourstylesheet">

<?php } elseif (isset($_GET["siter"] == 3) { ?>
<link href="./css/red.css" rel="stylesheet" type="text/css" media="screen" title="stylesheet" id="colourstylesheet">

<?php } else { ?>
<link href="./css/style.css" rel="stylesheet" type="text/css" media="screen" title="stylesheet" id="colourstylesheet">
<?php } ?>
   -->
<!-- ende-->

tombe hat gesagt.:
Verflixt ich war mal wieder zu langsam

Hi,

du musst deinen Icon/den Link einen Wert (hier die Variable "hintergrund" mitgeben.

Dann kannst du mit

PHP:

<head>  <?php if (isset($_GET["hintergrund"] and $_GET["hintergrund"] == 1) { ?> <link href="./css/green.css" rel="stylesheet" type="text/css" media="screen" title="stylesheet" id="colourstylesheet"> <?php } elseif (isset($_GET["hintergrund"] and $_GET["hintergrund"] == 2) { ?> <link href="./css/blue.css" rel="stylesheet" type="text/css" media="screen" title="stylesheet" id="colourstylesheet"> <?php } else { ?> <link href="./css/red.css" rel="stylesheet" type="text/css" media="screen" title="stylesheet" id="colourstylesheet"> <?php } ?> -->  </head>

auf den entsprechenden Wert prüfen und entsprechend anzeigen lassen.
Diesen GET-Wert musst du halt auf jeder Seite mitführen. Entweder als Parameter oder du legst ihn als SESSION Variable fest.

tombe · 15. Oktober 2009

Hi,

du hast einen kleinen aber entscheidenden Fehler drin.

HTML:

<a href="deine_seite.php&hintergrund=1"><img src="./images/blau.png" alt="Blaue Hintergrund-Farbe"></a>
<a href="deine_seite.php&hintergrund=2"><img src="./images/gruen.png" alt="Grüne Hintergrund-Farbe"></a>
<a href="deine_seite.php&hintergrund=3"><img src="./images/rot.png" alt="Rote Hintergrund-Farbe"></a>
<a href="deine_seite.php&hintergrund=4"><img src="./images/black.png" alt="Schwarze Hintergrund-Farbe"></a>

So und nun den PHP Code den ich oben eingetragen habe. Dann muss es klappen.

Gruß Thomas

fawad · 15. Oktober 2009

Hallo!

es hat leider nicht geklappt
Die Datei ist ein HTML datei...

HEAD

HTML:

<!-- anfang -->
<?php if (isset($_GET["hintergrund"] and $_GET["hintergrund"] == 1) { ?>
<link href="./css/green.css" rel="stylesheet" type="text/css" media="screen" title="stylesheet" id="colourstylesheet">

<?php } elseif (isset($_GET["hintergrund"] and $_GET["hintergrund"] == 2) { ?>
<link href="./css/blue.css" rel="stylesheet" type="text/css" media="screen" title="stylesheet" id="colourstylesheet">

<?php } elseif (isset($_GET["hintergrund"] and $_GET["hintergrund"] == 3) { ?>
<link href="./css/red.css" rel="stylesheet" type="text/css" media="screen" title="stylesheet" id="colourstylesheet">

<?php } else { ?>
<link href="./css/style.css" rel="stylesheet" type="text/css" media="screen" title="stylesheet" id="colourstylesheet">
<?php } ?>
   -->
<!-- ende-->

BODY

HTML:

<a href="index.html&hintergrund=1"><img src="./images/blau.png" alt="Blaue Hintergrund-Farbe"></a>
                 <a href="index.html&hintergrund=2"><img src="./images/gruen.png" alt="Grüne Hintergrund-Farbe"></a>
                 <a href="index.html&hintergrund=3"><img src="./images/rot.png" alt="Rote Hintergrund-Farbe"></a>
                 <a href="index.html&hintergrund=4"><img src="./images/black.png" alt="Schwarze Hintergrund-Farbe"></a>

tombe hat gesagt.:
Hi,

du hast einen kleinen aber entscheidenden Fehler drin.

HTML:

<a href="deine_seite.php&hintergrund=1"><img src="./images/blau.png" alt="Blaue Hintergrund-Farbe"></a> <a href="deine_seite.php&hintergrund=2"><img src="./images/gruen.png" alt="Grüne Hintergrund-Farbe"></a> <a href="deine_seite.php&hintergrund=3"><img src="./images/rot.png" alt="Rote Hintergrund-Farbe"></a> <a href="deine_seite.php&hintergrund=4"><img src="./images/black.png" alt="Schwarze Hintergrund-Farbe"></a>

So und nun den PHP Code den ich oben eingetragen habe. Dann muss es klappen.

Gruß Thomas

gordonk · 15. Oktober 2009

PHP Code in einer .html File ?

in PHP kannst du das etwa so lösen:

PHP:

<?php 

$bgcolor = $_GET['bgcolor'];

switch ($bgcolor)
{
	case 0:
        $use_css = "green.css";
        break;
	case 1:
        $use_css = "blue.css";
        break;
	case 2:
        $use_css = "red.css";
        break;
	default:
	$use_css = "green.css";
}

print "<link href='./css/".$use_css."' rel='stylesheet' type='text/css' media='screen' title='stylesheet' id='colourstylesheet'>\n";
?>

schalter von mir aus:

<a href="deine_seite.php&bgcolor=0"><img src="./images/blau.png" alt="Grüne Hintergrund-Farbe"></a>
<a href="deine_seite.php&bgcolor=1"><img src="./images/gruen.png" alt="Blaue Hintergrund-Farbe"></a>
<a href="deine_seite.php&bgcolor=2"><img src="./images/rot.png" alt="Rote Hintergrund-Farbe"></a>

fawad · 15. Oktober 2009

Hallo danke für deisne Antwort
mit php hat es auch nicht funktioniert, er kann nicht folg. Link erkennen: index.php&bgcolor=1
was meint Ihre überhaupt mit "deine_seite.php" es gibt nur eine seite "index.php"

HTML:

<a href="index.php&bgcolor=0"><img src="./images/blau.png" alt="Grüne Hintergrund-Farbe"></a>
                 <a href="index.php&bgcolor=1"><img src="./images/gruen.png" alt="Blaue Hintergrund-Farbe"></a>
                 <a href="index.php&bgcolor=2"><img src="./images/rot.png" alt="Rote Hintergrund-Farbe"></a>

gordonk hat gesagt.:

in PHP kannst du das etwa so lösen:

PHP:

<?php 

$bgcolor = $_GET['bgcolor'];

switch ($bgcolor)
{
	case 0:
        $use_css = "green.css";
        break;
	case 1:
        $use_css = "blue.css";
        break;
	case 2:
        $use_css = "red.css";
        break;
	default:
	$use_css = "green.css";
}

print "<link href='./css/".$use_css."' rel='stylesheet' type='text/css' media='screen' title='stylesheet' id='colourstylesheet'>\n";
?>

schalter von mir aus:

<a href="deine_seite.php&bgcolor=0"><img src="./images/blau.png" alt="Grüne Hintergrund-Farbe"></a>
<a href="deine_seite.php&bgcolor=1"><img src="./images/gruen.png" alt="Blaue Hintergrund-Farbe"></a>
<a href="deine_seite.php&bgcolor=2"><img src="./images/rot.png" alt="Rote Hintergrund-Farbe"></a>

ICH HABS DANKE AN ALLE

NICHT deine_seite.php&bgcolor=0
sondern
deine_seite.php?bgcolor=0

gordonk · 15. Oktober 2009

ohja da hat sich nen Fehler eingeschlichen

habs von Tombe kopiert und nicht drauf geachtet. ^^

✔ Die Website-Hintergrund-Farbe wählbar machen?

fawad

www.linkinfo.at

Maik

tombe

Erfahrenes Mitglied

fawad

www.linkinfo.at

tombe

Erfahrenes Mitglied

fawad

www.linkinfo.at

gordonk

Erfahrenes Mitglied

fawad

www.linkinfo.at

gordonk

Erfahrenes Mitglied

Neue Beiträge