Hier zeige ich euch wie man eine Shoutbox macht.
Ist nicht wirklich schwer und man braucht keine Vorkenntnisse.
Das ganze wird schön Lila, also die Shoutbox, kann natürlich beliebig verändert werden (CSS Datei verändern).
// - so kennzeichne ich Kommentare, diese beim Einbauen einfach löschen.
/// - da drin steht welche Datei/en erstellt wird bzw. erstellt werden sollen.
Es geht los:
/// Wir fangen an mit index.php: ///
// Diese Datei soll 2 Einträge ausgeben und die Möglichkeit bieten neue einzutragen
<html>
<head>
<title>Shoutbox</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href=text.css" type="text/css">
<body bgcolor="12356">
<div align="center">
<h4>Shoutbox</h4>
<?php
echo "Hallo";
?>
<?php
$datenbank = "daten.dat";
// Der PHP Teil wird gestartet, und eine Datenbank bestimmt
$datei = fopen($datenbank,"r");
// Wir laden die Datei
$old=fread($datei, filesize($datenbank));
fclose($datei);
$x=explode("<!--trennung-->",$old);
// Die einzelnen Einträge werden getrennt
for ($i=0;$i<8;$i++)
{
echo $x[$i];
}
?>
// Sie werden ausgegeben
<br>
<form method="post" action="gb.php">
<input frameborder="0" border=0" value="name" class=field type="text" name="name"><br>
<input value="dein text" border="0" class=field name="eintrag"><br>
<input type="submit" frameborder="0" name="Button" class=button value="Shout!">
</form>
// Ein Eintragsformular wird unter die Einträge gesetzt
<a href="archiv.php">Archiv</a>
</div>
</body>
</html>
// Die archiv Datei wird verlinkt, die Seite wird beendet
/// So nun kommen wir zu der Datei archiv.php: ///
// Diese Datei soll alle Einträge ausgeben
<!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<title>Archiv</title>
<link rel="stylesheet" href="text.css" type="text/css">
</head>
<body bgcolor="123456">
<table width="300px" cellpadding="0"cellspacing="0">
<tr>
<td>
<h4>Shoutbox</h4>
</td>
</tr>
</table>
<?php
$datenbank = "daten.dat";
$datei = fopen($datenbank,"r");
fpassthru($datei);
?>
// Alle Dateien werden ausgegeben
<br>
<div align="center"><a href="index.php">«back</a></div>
</body>
</html>
// Ein Link zu index.php, und die HTML Datei wird beendet
/// So jetzt kommen wir zur gb.php: ///
// Diese Datei schreibt die Einträge in die daten.dat
<?php
$post_date = date("d.m.Y");
// Den PHP Teil öffnen und die Ausgabe des Datums bestimmen
$daten="<!--trennung-->
<br>
<table width=100 border=0>
<tr>
<td>
<b>$name:</b> $post_date
</tr>
</td>
<tr>
<td>
<div align=justify>
$eintrag
</div>
</td>
</tr>
<tr>
<td>
<hr width='100px' color='ffffff'>
</td>
</tr>
</table>";
// Die HTML Befehle mit denen nachher die einzelnen Einträge ausgegeben werden (bei jedem Eintrag wird neu angegeben), festlegen.
$daten = str_replace(";)","<img src='smilie1.gif'>",$daten);
$daten = str_replace(":)","<img src='smilie2.gif'>",$daten);
$daten = str_replace("=)","<img src='smilie3.gif'>",$daten);
$daten = str_replace(":o)","<img src='smilie4.gif'>",$daten);
$daten = str_replace(":(","<img src='smilie5.gif'>",$daten);
$daten = str_replace(chr(7),"<br>",$daten);
// Ersetzt bestimmte Zeichenfolgen durch HTML Tags, macht also aus z.B: :-) eine Bildverknüpfung. Falls Smilies nicht erwünscht sind, einfach weglassen. Falls erwünscht einfach erstellen
/// Hier wird eine CSS Datei (text.css) verwendet ///
.titel {
font-family: Arial;
font-size: 10pt;
font-style: italic;
color: #FFFFFF;
}
.eintrag {
font-family: Arial;
font-size: 10pt;
color: #336699;
}
.author {
font-family: Arial;
font-size: 10pt;
color: #336699;
}
a {
font-family: Arial;
text-decoration:none;
color: #336699;
}
a:hover {
font-family: Arial;
text-decoration: none;
color: #ffffff;
}
body {
font-family: Arial;
font-size: 10pt;
color: #336699;
scrollbar-3d-light-color:#123457;
scrollbar-arrow-color:#000000;
scrollbar-base-color:#123457;
scrollbar-dark-shadow-color:#123457;
scrollbar-face-color:#123457;
scrollbar-highlight-color:#123457;
scrollbar-shadow-color:#123457;
}
h3,h4,h5 {
font-family: Arial;
color: #336699;
}
.field { font-family: Geneva, Arial, Helvetica, san-serif; font-size: 9px; color: #336699; border: #666666; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.button { font-family: Geneva, Arial, Helvetica, san-serif; font-size: 9px; color: #000000; border: 1px #CCCCCC outset}
input {
font-family: Arial;
background: #ffffff;
color: #000000;
font-size: 8pt;
font-weight: bold;
border-color: #517196;
border-colordark: #517196;
border-colorlight: #CCCCCC;
background-image: url('input.gif');
}
table {
FONT-SIZE: 9pt;
FONT-FAMILY: Arial;
}
Viel Spaß!