Zufallshintergrund

[Atomicmaster]

Guten Abend zusammen :)

Ich habe eine frage. Ich habe ein HTML template runtergeladen und meinen Bedürfnissen angepasst :)
Zu sehen unter Guardian of Light - Allianz Gilde auf Malorne

Nun habe ich eine frage. Das Kopflogo und das Fusslogo wird durch eine CSS Datei festgelegt. Nun habe ich aber 4-5 verschiedene Kopfzeilen / Fusszeilen Designed.
Kann ich in der CSS datei eine Zufallsabfrage einfügen die zufällig bei jedem besuch
eine der verschiedenen Kopf / Fusszeilen als Hintergrund festlegt?

In der Suchfunktion habe ich schon etwas gefunden mit einer PHP Abfrage oder Java Code, wo zufällig den hintergrund der gesamten homepage ändert.
Nur hab ich das problem das es eben in einer CSS datei festgehalten wird welches Bild angezeigt wird und es in Kopf / Fusszeile unterteilt ist.

Ich hoffe man kann mein problem verstehen :) Und danke für Antworten :)

 

[vitus37]

Abend auch,

Du kannst deine *.css-Datei zum Parsen problemlos in *.php umbenennen, sofern du einen kurzen PHP-Code an den Beginn der Datei setzt, welcher den Browser anweist das Dokument als CSS zu behandeln:

<?php header("Content-Type: text/css"); ?>
/* hier beginnt das eigentliche Stylesheet */

Für das zufällige Bild kannst du etwa diesen Code verwenden:

<?php header("Content-Type: text/css"); ?>
/* ... */
#kopfzeile{
    /* ... */
    background: url(pfad/bild<?php echo mt_rand(1, 5); ?>.png);
}
/* ... */

Wobei die Bilder in diesem Fall Namen von bild1.png bis bild5.png haben und sich im Ordner "pfad" befinden.

Gruß

 

[Atomicmaster]

Das sieht ja schon sehr viel versprechend aus

Nu leider bin ich mir grad nicht so sicher wie / wo ich den code zu schreiben habe?

In der HTML datei wird per

<link rel="stylesheet" href="format.css" type="text/css">

und später mit

<td id="top1">

festgelegt wie die tabelle verändert wird.

Und in der CSS Datei wird eben unter Top1 alles festgelegt:

#main_top{width:0px;width:100%;
}


#top1 {
padding-left:20px;
padding-right:20px;
padding-bottom:4px;
height:252px;
text-align:right;
vertical-align:bottom;
color:#fff;
border-bottom:solid 1px #fff;
font-weight:bold;
background-color: #2f434c;
[COLOR=red]background-image:url(images/logo2.jpg);background-repeat:no-repeat;[/COLOR]
background-position:50% 0%;font-size:14px;
font-family: georgia,arial, helvetica, verdana, tahoma, sans-serif;
}

Hier steht ja das Hintergrund bild drin. Die Bilder sind auch von logo1.jpg bis Logo5.jpg gespeichert ja.
Hm ich hab schon viel zu lang nich mehr gecodet merk ich :( Anschluss verloren ^^

Wie und wo füg ich den Code von dir dann ein? Danke für die Antwort

 

[Timmer]

Ändere deine format.css in format.php und füge ganz oben folgenden Code ein:

<?php header("Content-Type: text/css"); ?>

Bei #top1 ersetzt du dein background-image mit folgendem Code:

background-image:url(images/logo<?php echo mt_rand(1, 5); ?>.jpg);background-repeat:no-repeat;

 

[Atomicmaster]

Wow Es funktioniert hervorragend Danke euch für die schnelle und Profesionelle antwort