Eigene Loginseite: Unterschied zwischen den Versionen
(login) |
|||
Zeile 119: | Zeile 119: | ||
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. | 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. | ||
<head> | <head> | ||
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> | <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> | ||
<title> | <title>xxxx</title> | ||
<script language="JavaScript" type="text/javascript" src="http://www.dat-radio.net/radiobox/dat_box_long.php"></script> | <script language="JavaScript" type="text/javascript" src="http://www.dat-radio.net/radiobox/dat_box_long.php"></script> | ||
Zeile 157: | Zeile 146: | ||
</head> | </head> | ||
<body style="background-image: url('http:// | <body style="background-image: url('http://serverx.webkicks.de/xx/bg/bildx.jpg'); background-repeat: no-repeat; background-position: center 50%" bgproperties="fixed" link="yellow" alink="yellow" text="yellow" vlink="yellow" bgcolor="black"> | ||
<p align="center"><b><font face="Comic Sans ms" size="6"> ChatPlanet Login</font></b> | <p align="center"><b><font face="Comic Sans ms" size="6"> ChatPlanet Login</font></b> | ||
<table width="492" border="0" align="center" height="111" cellspacing="0" cellpadding="0"> | <table width="492" border="0" align="center" height="111" cellspacing="0" cellpadding="0"> | ||
<form name="formular" method="post" action="http:// | <form name="formular" method="post" action="http://serverx.webkicks.de/x/index.cgi"><input type="hidden" name="PHPSESSID" value="845bdb2a415bd0283ca08765bc29b653" /><input type="hidden" name="PHPSESSID" value="e7e1296290396ce81176afb62a6a1ffa" /><input type="hidden" name="PHPSESSID" value="5c31eb57114cbacef372d6cea7026214" /><input type="hidden" name="PHPSESSID" value="2b4e979d84b53988437e81a8d9dfb09f" /><input type="hidden" name="PHPSESSID" value="7b33db8d4e91831710f9b74df58727d3" /> | ||
<input name="job" type="hidden" value="login"> | <input name="job" type="hidden" value="login"> | ||
<tr> | <tr> | ||
<td width="197" align="center" rowspan="4" height="103"> | <td width="197" align="center" rowspan="4" height="103"> | ||
<p align="left"><b><font face="Comic Sans ms" size="3"><span style="letter-spacing: 2pt"><a href="http:// | <p align="left"><b><font face="Comic Sans ms" size="3"><span style="letter-spacing: 2pt"><a href="http://xxx">seiten-name</a><br> | ||
<a href="http://"http://67549.iboox.com/>Chat-Gästebuch</a><br> | <a href="http://"http://67549.iboox.com/>Chat-Gästebuch</a><br> | ||
<a href="http://www.nrwfreunde.de.vu">Chat</a></span></font><br> | <a href="http://www.nrwfreunde.de.vu">Chat</a></span></font><br> | ||
Zeile 190: | Zeile 179: | ||
<input type="submit" name="login" value="zum Chat" target="_blank"></p> | <input type="submit" name="login" value="zum Chat" target="_blank"></p> | ||
<p align="center"><font face="Comic Sans ms" size="4"><font color="violet">Noch nicht registriert ? | <p align="center"><font face="Comic Sans ms" size="4"><font color="violet">Noch nicht registriert ? | ||
<a href="http:// | <a href="http://serverx.webkicks.de/x/register" target="_self">Anmelden</a></font></p> | ||
<p align="center"><input name="cid" type="hidden" value="dragons"></p> | <p align="center"><input name="cid" type="hidden" value="dragons"></p> | ||
<p align="center"><img src="http:// | <p align="center"><img src="http://serverx.webkicks.de/x/active/yellow" height="30"><font size="3" face="Comic Sans ms"><b> User online</b></font></p> | ||
</form> | </form> | ||
<div align="center"> | <div align="center"> | ||
Zeile 198: | Zeile 187: | ||
<tr> | <tr> | ||
</tr> | </tr> | ||
<td align="center"><b><font face="Comic Sans ms" size="3"> | <td align="center"><b><font face="Comic Sans ms" size="3">.. </font></b></td> | ||
<td align="center"><b><font face="Comic Sans ms" size="3"> | <td align="center"><b><font face="Comic Sans ms" size="3">Raum-Name</font></b></td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
<p align="center"><iframe frameborder="1" src="http:// | <p align="center"><iframe frameborder="1" src="http://serverx.webkicks.de/cgi-bin/ol.cgi?cid=dragons&raum=main" | ||
width="178" height="200" name="dragons_liste" border="0"></iframe> | width="178" height="200" name="dragons_liste" border="0"></iframe> | ||
</td> | </td> | ||
<td> | <td> | ||
<p align="center"><iframe frameborder="1" src="http:// | <p align="center"><iframe frameborder="1" src="http://serverx.webkicks.de/cgi-bin/ol.cgi?cid=Chatname&raum=away" | ||
width="178" height="200" name="dragons_liste" border="0"></iframe> | width="178" height="200" name="dragons_liste" border="0"></iframe> | ||
</td> | </td> | ||
Zeile 215: | Zeile 204: | ||
<br> | <br> | ||
<br> | <br> | ||
<p align="center"><b><font face="Comic Sans ms" size="1" color="orange">Loginseite wurde erstellt von: <a href=" | <p align="center"><b><font face="Comic Sans ms" size="1" color="orange">Loginseite wurde erstellt von: <a href=" (C)By Nrw Chat" target="_blank"><font color="#FFFFFF">By nrw Chat</font></a></font></b> | ||
</body> | </body> |
Version vom 25. Januar 2009, 16:20 Uhr
Eine eigene Loginseite bietet weit mehr Gestaltungsmöglichkeiten als es im Adminmenü gibt. Man kann eine solche Seite frei gestalten.
Verlinken der eigenen Loginseite
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 Ausloggen) 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; genaueres auch im Artikel Editor). 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 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:
<script type="text/javascript" src="http://serverX.webkicks.de/CHATNAME/active/js"></script>
Dann sieht es wieder genauso aus wie auf der Originalseite und kann beliebig mit HTML verändert werden, z.B.
<font color="red" size="7"><b><i><script type="text/javascript" src="http://serverX.webkicks.de/CHATNAME/active/js"></script></i></b></font>
Wer einen PHP-fähigen Webspace mit Zugriff auf fremde Server hat, kann sogar wieder eine serverseitige Variante verwenden:
<?php readfile('http://serverX.webkicks.de/CHATNAME/active/text');?>
Wer sich aber nicht sicher ist verwendet besser die obige Javascriptvariante. Sie hat nur geringe Nachteile gegenüber der per PHP.
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 4. Die einfachste Lösung dabei ist das Ersetzen durch ein I-Frame mit der Liste.
<iframe src="http://serverX.webkicks.de/cgi-bin/ol.cgi?cid=CHATNAME"></iframe>
Optional kann man auch die User aus den einzelnen Räumen (sofern Raumsystem aktiviert) seperat anzeigen lassen.
<iframe src="http://serverX.webkicks.de/cgi-bin/ol.cgi?cid=CHATNAME&raum=RAUMNAME"></iframe>
Achtung! Für den Hauptchat muss man hier raum=main anstatt raum=Hauptchat verwenden.
Wenn ihr nicht wollt, dass "Derzeit im Raum" angezeigt wird, könnt ihr auch folgende Adresse in den iframe einfügen. Dadurch wird dies nicht mehr angezeigt.
<iframe src="http://serverX.webkicks.de/cgi-bin/ol_nt.cgi?cid=CHATNAME" frameborder="0"></iframe>
Durch frameborder="0" wird bezweckt, dass sich kein Rahmen um den IFrame befindet.
Das anzeigen eines seperaten Raumes ohne das "Derzeit im Raum" ist auch möglich:
<iframe src="http://serverX.webkicks.de/cgi-bin/ol_nt.cgi?cid=CHATNAME&raum=RAUMNAME" frameborder="0"></iframe>
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.
<?php
$file = file_get_contents("http://serverX.webkicks.de/cgi-bin/raw.cgi?cid=CHATNAME");
$file = str_replace("(", "", $file);
$file = str_replace(")", "<br />", $file);
echo $file;
?>
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
<select name=raum>
<option value=Hauptchat>Hauptchat</option>
<option value=EINGANG selected>EINGANG</option>
[...]
</select>
oder man stellt einen Raum fest ein und entfernt das Select-Feld.
<input type=hidden name=raum value="RAUMNAME">
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:
<form name="formular" method="post" action="http://serverX.webkicks.de/CHATNAME/index2.cgi">
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>
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.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>xxxx</title>
<script language="JavaScript" type="text/javascript" src="http://www.dat-radio.net/radiobox/dat_box_long.php"></script>
<script language="JavaScript"> </script> </head>
<body style="background-image: url('http://serverx.webkicks.de/xx/bg/bildx.jpg'); background-repeat: no-repeat; background-position: center 50%" bgproperties="fixed" link="yellow" alink="yellow" text="yellow" vlink="yellow" bgcolor="black">
ChatPlanet Login
<form name="formular" method="post" action="http://serverx.webkicks.de/x/index.cgi"><input type="hidden" name="PHPSESSID" value="845bdb2a415bd0283ca08765bc29b653" /><input type="hidden" name="PHPSESSID" value="e7e1296290396ce81176afb62a6a1ffa" /><input type="hidden" name="PHPSESSID" value="5c31eb57114cbacef372d6cea7026214" /><input type="hidden" name="PHPSESSID" value="2b4e979d84b53988437e81a8d9dfb09f" /><input type="hidden" name="PHPSESSID" value="7b33db8d4e91831710f9b74df58727d3" /> <input name="job" type="hidden" value="login">
<a href="http://xxx">seiten-name</a> |
User: | <input type="text" name="user" size="20" maxlength="20"> |
Passwort: | <input type="password" name="pass" size="20" maxlength="15"> | |
oder als Gast: |
<input type="text" name="guest" size="20" maxlength="20"> |
<input type="submit" name="login" value="zum Chat" target="_blank">
Noch nicht registriert ? <a href="http://serverx.webkicks.de/x/register" target="_self">Anmelden</a>
<input name="cid" type="hidden" value="dragons">
<img src="http://serverx.webkicks.de/x/active/yellow" height="30"> User online
</form>
.. | Raum-Name |
<iframe frameborder="1" src="http://serverx.webkicks.de/cgi-bin/ol.cgi?cid=dragons&raum=main" width="178" height="200" name="dragons_liste" border="0"></iframe> |
<iframe frameborder="1" src="http://serverx.webkicks.de/cgi-bin/ol.cgi?cid=Chatname&raum=away" width="178" height="200" name="dragons_liste" border="0"></iframe> |
Loginseite wurde erstellt von: <a href=" (C)By Nrw Chat" target="_blank">By nrw Chat</a> </body> </html>