Ein etwas anderes Login

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Das ist jetzt zwar kein Addon, aber doch eventuell eine Anregung, die eigene Kreativität mal ein wenig zu bemühen..
    Die Änderungen betreffen die Datei "login.html" und eventuel auch "style.css"

    So kann das Ergebnis aussehen:
    (getestet mit neueren Versionen von IE, Netscape, Mozilla, Opera und Konqueror)

    <style type="text/css">
    <!-- Das Stylesegment kann selbstverständlich nach style.css ausgelagert werden
    /* BEGIN : Content-Box ***********************************/
    div.box {
    font-size: 10pt;
    border: solid 1px #606060;
    overflow:hidden;
    }
    div.box div.header {
    width: 100%;
    height: 23px; /* Höhe mit Hintergrundbild abstimmen */
    color: #404040;
    border-bottom: solid 1px #606060;
    overflow:hidden;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    background-image:url(images/but_n.gif); /* Hintergrundbild der Kopfzeile */
    background-repeat:repeat-x; /* Wiederholungsmodus des Hintergrundes */
    }
    div.box div.content {
    padding:4px 4px 4px 4px;
    width: 100%;
    overflow:hidden;
    background-color: #fafafa;
    color: #404040;
    vertical-align: top;
    border: none;
    }
    /* END : Content-Box ***********************************/
    //-->
    </style>
    <script language="JavaScript">
    <!--
    function login(room){
    document.loginForm.room.value = room;
    document.loginForm.submit();
    }
    //-->
    </script>
    <!-- BEGIN [login-box] -------------------------->
    <div class=box style="width: 100%;">
    <div class="header">User Login</div>
    <div class="content">
    <form method=POST action="{GET|$runtime.chaturl}" name=loginForm target="_top">
    <input type="hidden" name="action" value="login">
    <input type="hidden" name="is_username" value="{GET|$environment.is_username}">
    <input type=hidden name=room value="x">
    <table cellspacing=5 cellpadding=0 style="width:100%;" border=0>
    <tr>
    {IF|$environment.has_password}
    <td colspan=2 nowrap>
    Hallo <b>{GET|$environment.name}</b>, willkommen zurück.<br />
    Klicke einfach auf einen <b>Raumnamen</b> um in den Chat zu kommen.. viel Spaß
    <input type=hidden name=name value="{GET|$environment.name}">
    {ELSE}
    <td nowrap><b>{IIF|$environment.is_username|Anmelde-Name(<span class="red">nicht</span> Nickname!)|Nickname}:</b></td>
    <td width="100%" align=left>
    <input type=text name=name size=30 maxlength="{IF|$environment.is_username}{GET|$settings.check_profile_fields_length.name[0]}{ELSE}{GET|$settings.check_profile_fields_length.nick[0]}{ENDIF}" value="{GET|$environment.name}">
    </td>
    </tr>
    <tr>
    <td nowrap><b>Paßwort:</b></td>
    <td align=left>
    <input type=password name=password size=30>
    </td>
    </tr>
    <tr>
    <td colspan=2>
    <b>zum Anmelden Name und Passwort eingeben, dann einen Raumnamen anklicken</b><br />
    {ENDIF}
    <td>
    </tr>
    <tr>
    <td colspan=2>
    <table cellspacing=1 style="width:100%; border:none;">
    <!-- BEGIN [Raumliste aufbauen] ---------------------->
    <script language="JavaScript">
    <!--
    // Zeilenzähler initialisieren
    var line = 1;
    //-->
    </script>
    {FOREACH|$room|$roomlist&onlineusers}
    <script language="JavaScript">
    <!--
    // mit Modulo wird zwischen geraden und ungeraden Zeilenzahlen unterschieden
    // und der entsprechende Style in die TableRow eingeblendet.
    document.write("<tr class=\"row" + (1+((line+=1)%2)) + "\">\n");
    //-->
    </script>
    <td style=" padding-left:4px;padding-right:4px; text-align:right; width:35px;">{GET|$room.onlineusers_count}</td>
    <td style=" padding-left:4px;padding-right:4px;"><a href="javascript:void(0);" onClick="login('{GET|$room.name_lc}'); return false;">{GET|$room.name}</a></td>
    <td style=" padding-left:4px;padding-right:4px;">{IF|$room.topic}{DOFILTER|formatting|smileys}{GET|$room.topic}{ENDDO}{ELSE}&nbsp;{ENDIF}</td>
    </tr>
    {ENDFOR}
    <!-- END [Raumliste aufbauen] ------------------------>
    </table>
    </td>
    </tr>
    <tr valign=top>
    <td colspan=2>
    <input type=checkbox name=pull value="1" {IIF|$environment.pull|checked}> Sicherer&nbsp;Modus&nbsp;
    &nbsp;&nbsp;&nbsp;<input type=checkbox name=cookie value="1" {IIF|$environment.has_cookie|checked}> Eingaben merken
    {IF|$environment.has_cookie}
    (<a href="{GET|$runtime.completeurl}&action=removecookie" class=smalltext>Gespeicherte Eingaben entfernen</a>)
    {ENDIF}
    </td>
    </tr>
    </table>
    </form>
    </div>
    </div>
    <!-- END [login-box] -------------------------->

    1.602 mal gelesen