Die Website-Hintergrund-Farbe wählbar machen? @ tutorials.de: Tutorials, Forum & Hilfe

fawad · 15.10.09 11:45

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-Code:

<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.10.09 11:49

Hi,

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

mfg Maik

***tombe*** · 15.10.09 11:53

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-Code:


<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.10.09 12:23

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

HTML-Code:

<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-Code:

<!-- 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-->

Zitat von tombe

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-Code:


<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.

***tombe*** · 15.10.09 14:16

Hi,

du hast einen kleinen aber entscheidenden Fehler drin.

HTML-Code:

<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.10.09 14:30

Hallo!

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

HEAD

HTML-Code:

<!-- 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-Code:

<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>

Zitat von tombe

Hi,

du hast einen kleinen aber entscheidenden Fehler drin.

HTML-Code:

<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.10.09 14:34

PHP Code in einer .html File ?

in PHP kannst du das etwa so lösen:

PHP-Code:


<?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.10.09 14:57

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-Code:

<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>

Zitat von gordonk

in PHP kannst du das etwa so lösen:

PHP-Code:


<?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.10.09 15:02

ohja da hat sich nen Fehler eingeschlichen :P
habs von Tombe kopiert und nicht drauf geachtet.

tut orials.de	tut verbinden	tut dir helfen	tut kooperieren
©2000-2012 tutorials.de Alle Rechte vorbehalten	tut informieren » Impressum » Nutzungsregeln » Netiquette » Team » Redaktion	» Tutorials » Videotutorials » Showroom » Events & Contests » Chat » RSS-Feed » Blogs	» der-webdesigner.net » DesignerInAction » Design Nation » Directorforum » Flashhilfe » PHP-Resource » PHPwelt » PSD-Tutorials

Themen-Optionen

Anzeige

Ähnliche Themen

Tabellen Hintergrund Farbe soll sich ändern nicht der Hintergrund der Seite !

WinApi: Text-Hintergrund Farbe

SStab index, mal wählbar, mal nicht wählbar

Fenster hintergrund farbe

Hintergrund-Farbe: KEINE ?

[PHP][Snippet] Array zu XML konvertieren

PHP: LDAP / Active Directory abfragen

E-Mail:

Abonnieren Abbestellen