2007-06-22T13:21:29Z

Starfoxxes: /* Fertige Vorlage als Beispiel in HTML */

Eine eigene Loginseite bietet weit mehr Gestaltungsmöglichkeiten als es im Adminmenü gibt. Man kann eine solche Seite frei gestalten.

== Verlinken der eigenen Loginseite ==
[[Bild:Screen_AdminMenue_Einstellungen.gif|thumb|Screenshot: Adminmenü → Einstellungen]]
Im [[Admin-Menü]] unter "Einstellungen" findet sich der Punkt "Adresse der Loginseite" (siehe Screenshot). Dort kann man die Adresse einer selbst angelegten Loginseite angeben. Diese Adresse wird dann in allen Links statt der originalen Adresse serverX.webkicks.de/CHATNAME/index.cgi (z.B. in Freischaltmails und der Link "Neu einloggen?" nach dem Abmelden) eingesetzt. Allerdings bleibt die originale Seite trotzdem bestehen, zum Beispiel für den Fall, dass die eigene Loginseite nicht funktioniert. Dann kann man sich nach wie vor über die originale Loginseite einloggen.

== Wie erstelle ich eine eigene Loginseite überhaupt? ==
Dazu muss man zunächst auf die originale Loginseite gehen ( http://serverX.webkicks.de/CHATNAME ) und sich den Quelltext anzeigen lassen (Ansicht->Quelltext oder mittels Rechts-Klick->Quelltext anzeigen). Diesen speichert man dann als HTML-File ab (also nicht .txt, sondern z.B. .htm oder .html). Dann kann man ihn beliebig mit HTML verändern und schließlich auf einen eigenen [[Webspace]] hochladen (z.B. auf einen kostenlosen [[WKhost]]-Webspace)

== Wie kann ich die URL (Adresse) meiner Loginseite ändern? ==
Egal ob du die original Webkicks-Loginseite verwendest oder selbst eine angelegt hast (siehe [[#Wie_erstelle_ich_eine_eigene_Loginseite_.C3.BCberhaupt.3F|2.]]), kannst du eine Weiterleitungs-Domain verwenden. Gratis sind solche u.a. auf http://nic.de.vu zu bekommen. Richtige .de-Domains kosten immer Geld. Teilweise sind sie aber schon für ca. 30 ct./Monat zu bekommen. Eine solche Domain kann man dann auf jede beliebige Seite, wie auch die Loginseite, weiterleiten.

== Die Zahl der User, die sich derzeit im Chat befinden wird auf der eigenen Seite nicht mehr aktualisiert!? ==
Da diese Zahl bei der original Loginseite [[serverseitig]] eingebunden (vom Server beim Laden der Seite erstellt) wird ist das normal. Suche sie im Quelltext heraus und ersetze sie durch folgendes:

<code>
<nowiki><script src="http://serverX.webkicks.de/CHATNAME/active/js"></script></nowiki>
</code>

Dann sieht es wieder genauso aus wie auf der Originalseite und kann beliebig mit HTML verändert werden, z.B.

<code>
<nowiki><font color="red" size="7"><b><i><script src="http://serverX.webkicks.de/CHATNAME/active/js"></script></i></b></font></nowiki>
</code>

Wer einen PHP-fähigen Webspace mit Zugriff auf fremde Server hat, kann sogar wieder eine [[Serverseitig_/_clientseitig#serverseitig|serverseitige]] Variante verwenden:

<code>
<nowiki><?php include("http://serverX.webkicks.de/CHATNAME/active/text"); ?></nowiki>
</code>

Wer sich aber nicht sicher ist verwendet besser eine der obigen Varianten. Die [[Javascript|Javascriptvariante]] hat nur geringe Nachteile gegenüber dieser.

== Die Liste der User, die sich derzeit im Chat befinden wird auf der eigenen Seite nicht mehr aktualisiert!? ==
Hier gilt die selbe Begründung wie bei [[#Die_Zahl_der_User.2C_die_sich_derzeit_im_Chat_befinden_wird_auf_der_eigenen_Seite_nicht_mehr_aktualisiert.21.3F|4.]] Die einfachste Lösung dabei ist das Ersetzen durch ein [[I-Frame]] mit der Liste.

<code>
<nowiki><iframe src="http://serverX.webkicks.de/cgi-bin/ol.cgi?cid=CHATNAME"></iframe></nowiki>
</code>

Optional kann man auch die User aus den einzelnen Räumen (sofern Raumsystem aktiviert) seperat anzeigen lassen.
<code>
<nowiki><iframe src="http://serverX.webkicks.de/cgi-bin/ol.cgi?cid=CHATNAME&raum=RAUMNAME"></iframe></nowiki>
</code>

Achtung! Für den Hauptchat muss man hier raum=main anstatt raum=Hauptchat verwenden.

Mit PHP kann man auch die Online-Liste wieder direkt in die Seite einbinden. Dadurch werden allerdings die Profil-Links hinter den Nicks nicht angezeigt.
<code>
<?php
$file = file_get_contents("<nowiki>http://serverX.webkicks.de/cgi-bin/raw.cgi?cid=CHATNAME</nowiki>");
$file = str_replace("(", "", $file);
$file = str_replace(")", "<br />", $file);
echo $file;
?>
</code>

== Wie kann ich einstellen, dass man sich direkt in einen bestimmten Raum einloggt? ==
Entweder selektiert man im Select-Feld den gewünschten Eintrittsraum vor, so dass der User wenn er möchte immernoch einen anderen Raum auswählen kann
<code>
<nowiki>
<select name=raum>
<option value=Hauptchat>Hauptchat</option>
<option value=EINGANG selected>EINGANG</option>
[...]
</select>
</nowiki>
</code>

oder man stellt einen Raum fest ein und entfernt das Select-Feld.
<code>
<input type=hidden name=raum value="RAUMNAME">
</code>

== Wie kann ich nur das Loginformular in eine andere Seite einbinden? ==
Hier ist es wichtig, dass man das Form-Tag und die Hidden-Felder komplett kopiert und nicht nur die sichtbaren Felder wie Name und Passwort:
<code>
<nowiki><form name="formular" method="post" action="http://serverX.webkicks.de/CHATNAME/index2.cgi"></nowiki>
Name: <input type="text" name="user" maxlength="20">
Passwort: <input type="password" name="pass" maxlength="15">
oder als Gast? <input type="text" name="guest" maxlength="20">
Raum: <select class="input" name="raum" style="width:120px;">
<option value="Hauptchat">Hauptchat</option>
<option value="ANDERER RAUM">ANDERER RAUM</option>
[...]
</select>
<input name=job type=hidden value="ok">
<input name=cid type=hidden value="CHATNAME">
<input class="submit" type="submit" name="login" value="Login">
</form>
</code>

Das ist das, was dafür notwendig ist. Wenn man keine Raumauswahl und/oder Gast-Login will kann man auch diese noch weg lassen. Formatieren kann man das ganze natürlich auch noch... Zeilenumbrüche und Tabellen eignen sich zur Ausrichtung.

== Wie kann ich bestimmen wo sich der Chat öffnet wenn man sich einloggt? ==
Das kann man über das Attribut "target" im Form-Tag steuern:

<code>
<nowiki><form name="formular" method="post" action="http://serverX.webkicks.de/CHATNAME/index2.cgi" target="ZIELFRAME"></nowiki>
</code>

Gibt man für [[Frames|ZIELFRAME]] einen unbekannten Namen oder "_blank" ein, so öffnet sich der Chat in einem neuen Fenster. Verwendet man "_top", so wird es über die ganze Seite geöffnet (falls z.B. ein Menü-Frame existiert, so verschwindet es).

== Fertige Vorlage als Beispiel in HTML ==

<code>

<nowiki>

<html>
<head>
<title>Dieser Text erscheint in der Titelleiste des Browsers</title>
<link rel="stylesheet" type="text/css" href="http://url/style.css">
</head>
<body>
<div align="center">
<font size="+3">Chat Login</font><br><br>
<form name="formular" method="post" action="http://serverX.webkicks.de/CHATNAME/index2.cgi">
<tablealign="center">
<tr>
<td>User:</td>
<td><input class="input" type="text" name="user" maxlength="20"></td>
</tr>
<tr>
<td>Passwort:</td>
<td><input class="input" type="password" name="pass" maxlength="15"></td>
</tr>
<tr>
<td>Gast:</td>
<td><input class="input" type="text" name="guest" maxlength="20"></td>
</tr>
<tr>
<td>Problemmodus</td>
<td>
<p align="center"><input type="checkbox" name="pm" value="1"></p>
</td>
</tr>
</table>
<table>
<tr>
<td> <br>
<input name=job type=hidden value="ok">
<input name=cid type=hidden value="CHATNAME">
<input class="submit" type="submit" name="login" value="Login">
</td>
</tr>
</table>
<br>
<table>
<tr>
<td>
<p>Es befinden sich gerade <b><script src="http://serverX.webkicks.de/CHATNAME/active/js"></script>
</b> User im Chat.</p><p>Noch nicht registriert? <a href="http://serverX.webkicks.de/CHATNAME/register" target="_self"><b>Anmelden</b></a></p></td></tr></table>
</form><br>
<b>Chatter online:</b>
<table>
<tr>
<td>
<iframe src="http://serverX.webkicks.de/cgi-bin/ol.cgi?cid=CHATNAME"></iframe>
</td>
</tr>
</table>
</div>
</body>
</html>

</nowiki>

</code>

Das könnt ihr dann natürlich noch alles anpassen, zB die User die online sind nur von einem bestimmten Raum, eigene Scripts, Banner, Design, Formatierung(!!!), Räume, divereses anderes usw.
Server und Chatname müssen natürlich ersetzt werden.
Das ist natürlich mehr als nur simpel gestrickt, zeigt aber vom Grunde her, wie so ein Script aufgebaut ist.

== Links ==
* [http://www.wkforum.de/viewtopic.php?t=9057 Beitrag im Forum]

Eigene Loginseite

2007-06-22T13:20:53Z

Starfoxxes:

Eine eigene Loginseite bietet weit mehr Gestaltungsmöglichkeiten als es im Adminmenü gibt. Man kann eine solche Seite frei gestalten.

== Verlinken der eigenen Loginseite ==
[[Bild:Screen_AdminMenue_Einstellungen.gif|thumb|Screenshot: Adminmenü → Einstellungen]]
Im [[Admin-Menü]] unter "Einstellungen" findet sich der Punkt "Adresse der Loginseite" (siehe Screenshot). Dort kann man die Adresse einer selbst angelegten Loginseite angeben. Diese Adresse wird dann in allen Links statt der originalen Adresse serverX.webkicks.de/CHATNAME/index.cgi (z.B. in Freischaltmails und der Link "Neu einloggen?" nach dem Abmelden) eingesetzt. Allerdings bleibt die originale Seite trotzdem bestehen, zum Beispiel für den Fall, dass die eigene Loginseite nicht funktioniert. Dann kann man sich nach wie vor über die originale Loginseite einloggen.

== Wie erstelle ich eine eigene Loginseite überhaupt? ==
Dazu muss man zunächst auf die originale Loginseite gehen ( http://serverX.webkicks.de/CHATNAME ) und sich den Quelltext anzeigen lassen (Ansicht->Quelltext oder mittels Rechts-Klick->Quelltext anzeigen). Diesen speichert man dann als HTML-File ab (also nicht .txt, sondern z.B. .htm oder .html). Dann kann man ihn beliebig mit HTML verändern und schließlich auf einen eigenen [[Webspace]] hochladen (z.B. auf einen kostenlosen [[WKhost]]-Webspace)

== Wie kann ich die URL (Adresse) meiner Loginseite ändern? ==
Egal ob du die original Webkicks-Loginseite verwendest oder selbst eine angelegt hast (siehe [[#Wie_erstelle_ich_eine_eigene_Loginseite_.C3.BCberhaupt.3F|2.]]), kannst du eine Weiterleitungs-Domain verwenden. Gratis sind solche u.a. auf http://nic.de.vu zu bekommen. Richtige .de-Domains kosten immer Geld. Teilweise sind sie aber schon für ca. 30 ct./Monat zu bekommen. Eine solche Domain kann man dann auf jede beliebige Seite, wie auch die Loginseite, weiterleiten.

== Die Zahl der User, die sich derzeit im Chat befinden wird auf der eigenen Seite nicht mehr aktualisiert!? ==
Da diese Zahl bei der original Loginseite [[serverseitig]] eingebunden (vom Server beim Laden der Seite erstellt) wird ist das normal. Suche sie im Quelltext heraus und ersetze sie durch folgendes:

<code>
<nowiki><script src="http://serverX.webkicks.de/CHATNAME/active/js"></script></nowiki>
</code>

Dann sieht es wieder genauso aus wie auf der Originalseite und kann beliebig mit HTML verändert werden, z.B.

<code>
<nowiki><font color="red" size="7"><b><i><script src="http://serverX.webkicks.de/CHATNAME/active/js"></script></i></b></font></nowiki>
</code>

Wer einen PHP-fähigen Webspace mit Zugriff auf fremde Server hat, kann sogar wieder eine [[Serverseitig_/_clientseitig#serverseitig|serverseitige]] Variante verwenden:

<code>
<nowiki><?php include("http://serverX.webkicks.de/CHATNAME/active/text"); ?></nowiki>
</code>

Wer sich aber nicht sicher ist verwendet besser eine der obigen Varianten. Die [[Javascript|Javascriptvariante]] hat nur geringe Nachteile gegenüber dieser.

== Die Liste der User, die sich derzeit im Chat befinden wird auf der eigenen Seite nicht mehr aktualisiert!? ==
Hier gilt die selbe Begründung wie bei [[#Die_Zahl_der_User.2C_die_sich_derzeit_im_Chat_befinden_wird_auf_der_eigenen_Seite_nicht_mehr_aktualisiert.21.3F|4.]] Die einfachste Lösung dabei ist das Ersetzen durch ein [[I-Frame]] mit der Liste.

<code>
<nowiki><iframe src="http://serverX.webkicks.de/cgi-bin/ol.cgi?cid=CHATNAME"></iframe></nowiki>
</code>

Optional kann man auch die User aus den einzelnen Räumen (sofern Raumsystem aktiviert) seperat anzeigen lassen.
<code>
<nowiki><iframe src="http://serverX.webkicks.de/cgi-bin/ol.cgi?cid=CHATNAME&raum=RAUMNAME"></iframe></nowiki>
</code>

Achtung! Für den Hauptchat muss man hier raum=main anstatt raum=Hauptchat verwenden.

Mit PHP kann man auch die Online-Liste wieder direkt in die Seite einbinden. Dadurch werden allerdings die Profil-Links hinter den Nicks nicht angezeigt.
<code>
<?php
$file = file_get_contents("<nowiki>http://serverX.webkicks.de/cgi-bin/raw.cgi?cid=CHATNAME</nowiki>");
$file = str_replace("(", "", $file);
$file = str_replace(")", "<br />", $file);
echo $file;
?>
</code>

== Wie kann ich einstellen, dass man sich direkt in einen bestimmten Raum einloggt? ==
Entweder selektiert man im Select-Feld den gewünschten Eintrittsraum vor, so dass der User wenn er möchte immernoch einen anderen Raum auswählen kann
<code>
<nowiki>
<select name=raum>
<option value=Hauptchat>Hauptchat</option>
<option value=EINGANG selected>EINGANG</option>
[...]
</select>
</nowiki>
</code>

oder man stellt einen Raum fest ein und entfernt das Select-Feld.
<code>
<input type=hidden name=raum value="RAUMNAME">
</code>

== Wie kann ich nur das Loginformular in eine andere Seite einbinden? ==
Hier ist es wichtig, dass man das Form-Tag und die Hidden-Felder komplett kopiert und nicht nur die sichtbaren Felder wie Name und Passwort:
<code>
<nowiki><form name="formular" method="post" action="http://serverX.webkicks.de/CHATNAME/index2.cgi"></nowiki>
Name: <input type="text" name="user" maxlength="20">
Passwort: <input type="password" name="pass" maxlength="15">
oder als Gast? <input type="text" name="guest" maxlength="20">
Raum: <select class="input" name="raum" style="width:120px;">
<option value="Hauptchat">Hauptchat</option>
<option value="ANDERER RAUM">ANDERER RAUM</option>
[...]
</select>
<input name=job type=hidden value="ok">
<input name=cid type=hidden value="CHATNAME">
<input class="submit" type="submit" name="login" value="Login">
</form>
</code>

Das ist das, was dafür notwendig ist. Wenn man keine Raumauswahl und/oder Gast-Login will kann man auch diese noch weg lassen. Formatieren kann man das ganze natürlich auch noch... Zeilenumbrüche und Tabellen eignen sich zur Ausrichtung.

== Wie kann ich bestimmen wo sich der Chat öffnet wenn man sich einloggt? ==
Das kann man über das Attribut "target" im Form-Tag steuern:

<code>
<nowiki><form name="formular" method="post" action="http://serverX.webkicks.de/CHATNAME/index2.cgi" target="ZIELFRAME"></nowiki>
</code>

Gibt man für [[Frames|ZIELFRAME]] einen unbekannten Namen oder "_blank" ein, so öffnet sich der Chat in einem neuen Fenster. Verwendet man "_top", so wird es über die ganze Seite geöffnet (falls z.B. ein Menü-Frame existiert, so verschwindet es).

== Fertige Vorlage als Beispiel in HTML ==

<code>

<nowiki>

<html>
<head>
<title>Dieser Text erscheint in der Titelleiste des Browsers</title>
<link rel="stylesheet" type="text/css" href="http://url/style.css">
</head>
<body>
<center>
<font size="+3">Chat Login</font><br><br>
<form name="formular" method="post" action="http://serverX.webkicks.de/CHATNAME/index2.cgi">
<tablealign="center">
<tr>
<td>User:</td>
<td><input class="input" type="text" name="user" maxlength="20"></td>
</tr>
<tr>
<td>Passwort:</td>
<td><input class="input" type="password" name="pass" maxlength="15"></td>
</tr>
<tr>
<td>Gast:</td>
<td><input class="input" type="text" name="guest" maxlength="20"></td>
</tr>
<tr>
<td>Problemmodus</td>
<td>
<p align="center"><input type="checkbox" name="pm" value="1"></p>
</td>
</tr>
</table>
<table>
<tr>
<td> <br>
<input name=job type=hidden value="ok">
<input name=cid type=hidden value="CHATNAME">
<input class="submit" type="submit" name="login" value="Login">
</td>
</tr>
</table>
<br>
<table>
<tr>
<td>
<p>Es befinden sich gerade <b><script src="http://serverX.webkicks.de/CHATNAME/active/js"></script>
</b> User im Chat.</p><p>Noch nicht registriert? <a href="http://serverX.webkicks.de/CHATNAME/register" target="_self"><b>Anmelden</b></a></p></td></tr></table>
</form><br>
<b>Chatter online:</b>
<table>
<tr>
<td>
<iframe src="http://serverX.webkicks.de/cgi-bin/ol.cgi?cid=CHATNAME"></iframe>
</td>
</tr>
</table>
</div>
</body>
</html>

</nowiki>

</code>

Das könnt ihr dann natürlich noch alles anpassen, zB die User die online sind nur von einem bestimmten Raum, eigene Scripts, Banner, Design, Formatierung(!!!), Räume, divereses anderes usw.
Server und Chatname müssen natürlich ersetzt werden.
Das ist natürlich mehr als nur simpel gestrickt, zeigt aber vom Grunde her, wie so ein Script aufgebaut ist.

== Links ==
* [http://www.wkforum.de/viewtopic.php?t=9057 Beitrag im Forum]