Black Katrin
Zufallsgenerator mit PHP, einfach und effektiv
Kimi.
Okay super, ich habe das bis jetzt auch so hinbekommen nur habe ich jetzt ein Problem mit dem CSS so wie es ausschaut.
Ich habe die Div's alle mit Prozentangaben benannt da ja fast jeder eine andere Bildschirmauflösung hat finde ich das die beste Lösung, so habe ich es auch bei den Bildern der Zufalswiedergabe gemacht nur da sieht es immer anders auf jedem Bildschirm aus ?!
Warum?
Ich habe den Code eigentlich nicht verändert von den Div's
Ich gebe euch einfach mal den Style.css Code und den wo alles included ist. Und zudemm auch noch den Code der Zufallswiedergabe
style.css
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
|
* {
margin:0;padding:0;
}
html, body {
margin: 0; padding: 0;
text-align:center; /*Zentrierung im IE*/
background-image: url(../HG.jpg);
color: white; /*Schriftfarbe*/
font-size: 12px; font-family:"Arial", Helvetica, sans-serif;
}
#Main {
position:absolute;
top: 25%;
left: 25%;
width: 50%;
margin: 20px auto;
padding: 10px;
background-image: url(../HGMenue.png);
border: 1px #618283 solid;
text-align:left; /*Ohne diese Angabe wäre der Text zentriert!*/
}
#Menue {
position:absolute;
top: 10%;
left: 60%;
width: 15%;
height: 12%;
padding: 10px;
background-image: url(../HGMenue.png);
border: 1px #618283 solid;
}
#Header {
position:absolute;
top: 10%;
left: 25%;
width: 15%;
height: 12%;
padding: 10px;
}
#DesignBild {
position:absolute;
top: 10%;
left: 5%;
width: 280px;
height: 793px;
border: 1px #618283 solid;
} |
|
index.php
| php: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
|
<html>
<head>
<title>SPZ Talbach</title>
<BODY>
<link rel="stylesheet" href="CSS/style.css">
<div="DesignBild">
<? include ("DesignBild.php"); ?>
</div>
<div="Header">
<? include ("header.php"); ?>
</div>
<div id="Main">
<? include ("home.php"); ?>
</div>
<div id="Menue">
<? include ("menue.php"); ?>
</div>
</body>
</html> |
|
DesignBild.php (Zufallswiedergabe)
| php: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
|
<div id="DesignBild">
<?php
$zufall = array();
$zufall[0] = "DesignBilder/1.jpg";
$zufall[1] = "DesignBilder/2.jpg";
$zufall[2] = "DesignBilder/3.jpg";
$zufall[3] = "DesignBilder/4.jpg";
$zufall[4] = "DesignBilder/5.jpg";
$zufall[5] = "DesignBilder/6.jpg";
$zufall[6] = "DesignBilder/7.jpg";
$zufall[7] = "DesignBilder/8.jpg";
$zufall[8] = "DesignBilder/9.jpg";
$zufall[9] = "DesignBilder/10.jpg";
$zufall[10] = "DesignBilder/11.jpg";
$zufall[11] = "DesignBilder/12.jpg";
$zufall[12] = "DesignBilder/13.jpg";
$zufall[13] = "DesignBilder/14.jpg";
$zufall[14] = "DesignBilder/15.jpg";
$zufall[15] = "DesignBilder/16.jpg";
$zufall[16] = "DesignBilder/17.jpg";
$zufall[17] = "DesignBilder/18.jpg";
$zufall[18] = "DesignBilder/19.jpg";
$zufall[19] = "DesignBilder/20.jpg";
$zufall[20] = "DesignBilder/21.jpg";
$zufall[21] = "DesignBilder/22.jpg";
$zahl = rand(0,count($zufall)-1);
$bg = $zufall[$zahl];
echo" <img src="$bg"/> ";
?>
</div>
|
|
EDIT: Hier noch die Seite von dem Design
KLICK
EDIT²: Okay, habs jetzt doch von selbst hinbekommen.
