ilch Forum » Ilch Clan 1.1 » Design und Templates » Sliding Login Panel with jQuery 1.3.2

Geschlossen
  1. #61
    User Pic
    swenieboy Mitglied
    Registriert seit
    19.03.2009
    Beitrge
    232
    Beitragswertungen
    0 Beitragspunkte
    also es liegt an dein aufbau ... haste die page mal im IE gesehen ... probiere mal das zu löschen
    <td width="50%"><img src="include/designs/neu/images/px1.gif" width="1" height="1" alt="" border="0"></td>

    Ich würde dir gerne helfen den quelltext nen bisschen sauberer zu halten ... wenn du magst ... musst mir bloß dein Layout schicken ...

    ZitatZitat geschrieben von Thorsten2004

    Hmm ich bin nicht so gut das der Quelltext gut aussieht aber dafür geht ja zumindesdens die Seite :-D

    und bin mit der Optik eigentlich schon so weit zufrieden :-D

    so ich habe jetzt es so eingebaut wie du es gepostet hattest und noch mal nur {_boxes_login} und bei beiden Codes ist es links immer noch nicht bündig :-(
    0 Mitglieder finden den Beitrag gut.
  2. #62
    User Pic
    Thorsten2004 Mitglied
    Registriert seit
    04.07.2007
    Beitrge
    198
    Beitragswertungen
    0 Beitragspunkte
    Danke schön für dein Angebot ..ich werde gleich eine Zip Datei on stellen und dir den Link per PM zusenden
    Mfg Thorsten_2004
    Hier ist das Internet zu Ende
    0 Mitglieder finden den Beitrag gut.
  3. #63
    User Pic
    MagistYata Mitglied
    Registriert seit
    22.12.2007
    Beitrge
    861
    Beitragswertungen
    6 Beitragspunkte
    Das ist ja mal ein schönes Teil. Kannst Du mir bitte ein paar Anfängerfragen beantworten?
    Ich habe mir das Scrip heruntergeladen. Es sind folgende Dateien enthalten:
    Ordner (css)
    Ordner (images)
    Ordner (js)
    und die index.html

    Muss ich die Dateien direkt in das rootverzeichnis (also nicht in include) kopieren?
    Streß ist Lebensdiebstahl
    0 Mitglieder finden den Beitrag gut.
  4. #64
    User Pic
    swenieboy Mitglied
    Registriert seit
    19.03.2009
    Beitrge
    232
    Beitragswertungen
    0 Beitragspunkte
    wo hast du den das geladen das dort eine index drinne ist ?
    0 Mitglieder finden den Beitrag gut.
  5. #65
    User Pic
    Erok Mitglied
    Registriert seit
    24.11.2009
    Beitrge
    128
    Beitragswertungen
    0 Beitragspunkte
    wäre von Euch jemand so nett, und könnte die boxen_login und die index.htm für das Design Natural1.0 (gibts hier im Downloadbereich) anpassen und hier rein posten ? lcheln

    Wäre super Nett lcheln
    0 Mitglieder finden den Beitrag gut.
  6. #66
    User Pic
    swenieboy Mitglied
    Registriert seit
    19.03.2009
    Beitrge
    232
    Beitragswertungen
    0 Beitragspunkte
    jap dauert aber paar minuten
    ZitatZitat geschrieben von Erok

    wäre von Euch jemand so nett, und könnte die boxen_login und die index.htm für das Design Natural1.0 (gibts hier im Downloadbereich) anpassen und hier rein posten ? lcheln

    Wäre super Nett lcheln
    0 Mitglieder finden den Beitrag gut.
  7. #67
    User Pic
    Erok Mitglied
    Registriert seit
    24.11.2009
    Beitrge
    128
    Beitragswertungen
    0 Beitragspunkte
    Das macht nix. Wir sind hier ja nich auf der Flucht zwinker

    Ich schmeiss Dir jedoch schon mal nen fettes Danke dafür rüber lcheln
    0 Mitglieder finden den Beitrag gut.
  8. #68
    User Pic
    swenieboy Mitglied
    Registriert seit
    19.03.2009
    Beitrge
    232
    Beitragswertungen
    0 Beitragspunkte
    hier erstmal ne demo test2.ogb-clan.com/ und wenn du das so haben willst dann sag es und ich mach nen tut fertig
    ZitatZitat geschrieben von Erok

    Das macht nix. Wir sind hier ja nich auf der Flucht zwinker

    Ich schmeiss Dir jedoch schon mal nen fettes Danke dafür rüber lcheln
    0 Mitglieder finden den Beitrag gut.
  9. #69
    User Pic
    Erok Mitglied
    Registriert seit
    24.11.2009
    Beitrge
    128
    Beitragswertungen
    0 Beitragspunkte
    Jau genau lcheln

    Nur halt für das Natural 1.0 Design. Ich bin dafür irgendwie zu blöd lol
    0 Mitglieder finden den Beitrag gut.
  10. #70
    User Pic
    swenieboy Mitglied
    Registriert seit
    19.03.2009
    Beitrge
    232
    Beitragswertungen
    0 Beitragspunkte
    wie bin ich denn auf dieses dragon design gekommen ... lol .. hab jetzt mal das richtige gemacht
    ZitatZitat geschrieben von Erok

    Jau genau lcheln

    Nur halt für das Natural 1.0 Design. Ich bin dafür irgendwie zu blöd lol
    0 Mitglieder finden den Beitrag gut.
  11. #71
    User Pic
    Erok Mitglied
    Registriert seit
    24.11.2009
    Beitrge
    128
    Beitragswertungen
    0 Beitragspunkte
    jo es lässt sich öffnen soweit lcheln

    Nur oben das Klappmenü funktioniert bei Dir jetzt auch nich mehr lachen

    Genau das Problem hatte ich nämlich auch lachen
    0 Mitglieder finden den Beitrag gut.
  12. #72
    User Pic
    swenieboy Mitglied
    Registriert seit
    19.03.2009
    Beitrge
    232
    Beitragswertungen
    0 Beitragspunkte
    Es ist total einfach.

    Schritt 1

    Wähle dir das Template deiner wahl und lad es hoch.

    Schritt 2

    Downloade das Original von Sliding Login Panel with jQuery 1.3.2

    web-kreation.com/?dl_id=22

    Schritt 3

    Entpacke dies und lösche folgendes

    bg.jpg aus images
    style.css aus css

    Schritt 4

    Gehe in dein Adminmenu und lösche die Loginbox aus der Navigation

    Schritt 5

    Lade dir folgende datein aus deiner Homepage auf dein Desktop

    index.htm aus /include/designs/deins
    boxen_login.htm aus /include/templates/user

    Schritt 5.1

    öffne die index.htm mit einen Editor oder Dreamweaver und füge folgenden code in dein head ein.

    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="css/slide.css" type="text/css" media="screen" />
    <!-- PNG FIX for IE6 -->
    <!-- http://24ways.org/2007/supersleight-transparent-png-in-ie6 -->
    <!--[if lte IE 6]>
            <script type="text/javascript" src="js/pngfix/supersleight-min.js"></script>
        <![endif]-->
    <!-- jQuery - the core -->
        <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
        <!-- Sliding effect -->


    Jetzt füge an erste Stelle im body bereich folgendes ein:

    <div id="">{_boxes_login}</div>


    5.1 Zusatz

    Der headbereich ist der Bereich zwischen <head> und </head>
    mehr infos findest du unter de.selfhtml.org/html/allgemein/grundgeruest.htm

    Schritt 5.2

    öffne die boxen_login.htm mit einen Editor oder Dreamweaver und löschen den Inhalt und füge dafür folgenden Code ein:

    <div id="toppanel">
        <div id="panel">
            <div class="content clearfix">
                <div class="left">
                    <h1>Welcome to Web-Kreation</h1>
                    <h2>Sliding login panel Demo with jQuery</h2>      
                    <p class="grey">You can put anything you want in this sliding panel: videos, audio, images, forms... The only limit is your imagination!</p>
                    <h2>Download</h2>
                    <p class="grey">To download this script go back to <a href="http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery" title="Download">article &raquo;</a></p>
                </div>
    <div class="left">
                    <table width="100%" border="0" cellspacing="0" cellpadding="10">
       <tr>
        <td>
          Hallo &nbsp;<b>{NAME}</b>
            <br />
            <br />
            {NACHRICHTEN}
          <a class="box" href="index.php?user-3">{_lang_logout}</a> | <a class="box" href="index.php?user-8">{_lang_profil}</a>
            <br>
            {ADMIN}
     
            </td>
      </tr>
    </table>
                </div>
                <div class="left right">          
                   
                </div>
            </div>
        </div> <!-- /login -->
    <div class="tab">
            <ul class="login">
                <li class="left">&nbsp;</li>
                <li>Hallo "{NAME}"</li>
                <li class="sep">|</li>
                <li id="toggle">
                    <a id="open" class="open" href="#">Log In | Register</a>
                    <a id="close" style="display: none;" class="close" href="#">Close Panel</a>        
                </li>
                <li class="right">&nbsp;</li>
            </ul>
        </div> <!-- / top -->
       
    </div>
    {EXPLODE}
    <div id="toppanel">
        <div id="panel">
            <div class="content clearfix">
                <div class="left">
                    <h1>Welcome to Web-Kreation</h1>
                    <h2>Sliding login panel Demo with jQuery</h2>      
                    <p class="grey">You can put anything you want in this sliding panel: videos, audio, images, forms... The only limit is your imagination!</p>
                    <h2>Download</h2>
                    <p class="grey">To download this script go back to <a href="http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery" title="Download">article &raquo;</a></p>
                </div>
    <div class="left">
                    <!-- Login Form -->
                    <form method="POST">
                    <h1>Member Login</h1>
                    <label class="grey" for="log">Username:</label>
            <input type="text" name="name" size="30" value="{NAME}" onFocus="if (value == '{NAME}') {value = ''}" onBlur="if (value == '') {value = '{NAME}'}" maxlength="15" style="margin-top:5px; " /><br />
            <label class="grey" for="pwd">Password:</label>
            <input type="password" size="30" value="{PASS}" onFocus="if (value == '{PASS}') {value = ''}" onBlur="if (value == '') {value = '{PASS}'}" maxlength="20" name="pass" style="margin-top:5px; " /><br />
            <input type="hidden" name="wdlink" value="{wdlink}" />
            <input type="submit" name="user_login_sub" value="Login" style="margin-top:5px; " />{regist}
          </form>
                </div>
                <div class="left right">          
                   
                </div>
            </div>
        </div> <!-- /login -->
    <div class="tab">
            <ul class="login">
               <li class="left">&nbsp;</li>
                <li>Hallo "Gast"</li>
                <li class="sep">|</li>
                <li id="toggle">
                    <a id="open" class="open" href="#">Log In | Register</a>
                    <a id="close" style="display: none;" class="close" href="#">Close Panel</a>        
                </li>
                <li class="right">&nbsp;</li>
            </ul>
        </div> <!-- / top -->
       
    </div> <!--panel -->
     
     <!-- jQuery - the core -->


    Schritt 5.3

    Speicher alle geänderten Datein und lade sie wieder ins ihr verzeichnis hoch.

    Schritt 6

    Lade die datein von Sliding Login Panel with jQuery ins Root also da wo deine index.php und admin.php ist ... solltest du sie woanders hochladen musst du im head den verweis ändern.

    Ich hoffe ich hab nicht vergessen ....
    0 Mitglieder finden den Beitrag gut.
  13. #73
    User Pic
    swenieboy Mitglied
    Registriert seit
    19.03.2009
    Beitrge
    232
    Beitragswertungen
    0 Beitragspunkte
    Hätteste mir doch gleich sagen konnen auf was du hinaus willst .... dann hät ich mir den langen text sparen können ...
    ZitatZitat geschrieben von Erok

    jo es lässt sich öffnen soweit lcheln

    Nur oben das Klappmenü funktioniert bei Dir jetzt auch nich mehr lachen

    Genau das Problem hatte ich nämlich auch lachen
    0 Mitglieder finden den Beitrag gut.
  14. #74
    User Pic
    MagistYata Mitglied
    Registriert seit
    22.12.2007
    Beitrge
    861
    Beitragswertungen
    6 Beitragspunkte
    Das nenne ich mal Einsatz. Prima Tutorial. Bist Du auch als Beta Tester angemeldet. Wäre ein guter Zeitpunkt es zu tun.

    Wie schauen deine nächsten projekte aus?
    Streß ist Lebensdiebstahl
    0 Mitglieder finden den Beitrag gut.
  15. #75
    User Pic
    Erok Mitglied
    Registriert seit
    24.11.2009
    Beitrge
    128
    Beitragswertungen
    0 Beitragspunkte
    Also, alles gemacht wie von Dir beschrieben, geht trotzdem nich *g*

    Weder das Login-Modul lässt sich öffnen und schliessen, noch das Klapp-Menü funktioniert.

    Hier mal der Link zur Seite : externer Link

    Klapp-Menü geht jetzt, jedoch die Box geht nich auf traurig


    Zuletzt modifiziert von Erok am 02.02.2010 - 15:56:35
    0 Mitglieder finden den Beitrag gut.
  16. #76
    User Pic
    swenieboy Mitglied
    Registriert seit
    19.03.2009
    Beitrge
    232
    Beitragswertungen
    0 Beitragspunkte
    ja da muss ich mal auf dein Quelltext schauen ... da verhackelt sich was ...
    dauert aber nen bisschen
    ZitatZitat geschrieben von Erok

    Also, alles gemacht wie von Dir beschrieben, geht trotzdem nich *g*

    Weder das Login-Modul lässt sich öffnen und schliessen, noch das Klapp-Menü funktioniert.

    Hier mal der Link zur Seite : externer Link

    Klapp-Menü geht jetzt, jedoch die Box geht nich auf traurig


    Zuletzt modifiziert von Erok am 02.02.2010 - 15:56:35
    0 Mitglieder finden den Beitrag gut.
  17. #77
    User Pic
    Erok Mitglied
    Registriert seit
    24.11.2009
    Beitrge
    128
    Beitragswertungen
    0 Beitragspunkte
    ZitatZitat geschrieben von swenieboy

    Hätteste mir doch gleich sagen konnen auf was du hinaus willst .... dann hät ich mir den langen text sparen können ...


    Naja, im Tutorial standen paar Dinge drin, die ich schon nicht beachtet habe lachen

    Zum Beispiel daß es beim Body an erster Stelle stehn muss.

    Jedoch öffnet es sich bei mir komischerweise immernoch nicht traurig
    0 Mitglieder finden den Beitrag gut.
  18. #78
    User Pic
    swenieboy Mitglied
    Registriert seit
    19.03.2009
    Beitrge
    232
    Beitragswertungen
    0 Beitragspunkte
    ne für das noch nicht ... bin aber schon dran das zusammen zufassen und zu packen.
    Naja was mein projekt an geht ... ich bleibe bei jquery dran ... weiterleitungs overlay ... was schon fast fertig ist ... man kann ja immer mal schauen auf radio.ogb-clan.com für die seite werd ich die sachen dann testen und einbauen.
    ZitatZitat geschrieben von MagistYata

    Das nenne ich mal Einsatz. Prima Tutorial. Bist Du auch als Beta Tester angemeldet. Wäre ein guter Zeitpunkt es zu tun.

    Wie schauen deine nächsten projekte aus?
    0 Mitglieder finden den Beitrag gut.
  19. #79
    User Pic
    Erok Mitglied
    Registriert seit
    24.11.2009
    Beitrge
    128
    Beitragswertungen
    0 Beitragspunkte
    Na das ist ja auch mal ne geile Enter bzw Login-Page die Du da gebastelt hast lcheln

    Sieht jetzt schon richtig klasse aus das Teil
    0 Mitglieder finden den Beitrag gut.
  20. #80
    User Pic
    swenieboy Mitglied
    Registriert seit
    19.03.2009
    Beitrge
    232
    Beitragswertungen
    0 Beitragspunkte
    also es liegt an den scripts für login und navi ... die vertragen sich nicht soganz anscheint ... kannst du mal die .js für deine navi mal raus nehmen will mal sehen was dann passiert
    0 Mitglieder finden den Beitrag gut.
  21. #81
    User Pic
    swenieboy Mitglied
    Registriert seit
    19.03.2009
    Beitrge
    232
    Beitragswertungen
    0 Beitragspunkte
    ist ja noch nichts fertig da bastle nur im moment erstmal nur an der login ... der rest kommt später
    ZitatZitat geschrieben von Erok

    Na das ist ja auch mal ne geile Enter bzw Login-Page die Du da gebastelt hast lcheln

    Sieht jetzt schon richtig klasse aus das Teil
    0 Mitglieder finden den Beitrag gut.
  22. #82
    User Pic
    Erok Mitglied
    Registriert seit
    24.11.2009
    Beitrge
    128
    Beitragswertungen
    0 Beitragspunkte
    ich hab im head-bereich mal die script.js gelöscht, geht komischerweise trotzdem das menü, aber der login trotzdem nicht...
    0 Mitglieder finden den Beitrag gut.
  23. #83
    User Pic
    swenieboy Mitglied
    Registriert seit
    19.03.2009
    Beitrge
    232
    Beitragswertungen
    0 Beitragspunkte
    hast du MSN ?
    ZitatZitat geschrieben von Erok

    ich hab im head-bereich mal die script.js gelöscht, geht komischerweise trotzdem das menü, aber der login trotzdem nicht...
    0 Mitglieder finden den Beitrag gut.
  24. #84
    User Pic
    swenieboy Mitglied
    Registriert seit
    19.03.2009
    Beitrge
    232
    Beitragswertungen
    0 Beitragspunkte
    schaue mal jetzt nochmal bei mir ... und ich hab bloß die navi nach unten gemacht test2.ogb-clan.com/ ... is ja klar wenn der div mit nen z-index dadrüber ist kann auch nichts kommen wenn man drüber fährt ...
    0 Mitglieder finden den Beitrag gut.
  25. #85
    User Pic
    Erok Mitglied
    Registriert seit
    24.11.2009
    Beitrge
    128
    Beitragswertungen
    0 Beitragspunkte
    MSN hab ich leider keins. Nur ICQ hätte ich, falls das geht ?

    Ich hab mal Deinen Quelltext kopiert, nun gehts lustigerweise lol

    Ich sag erst mal ganz fett Danke lcheln


    Zuletzt modifiziert von Erok am 02.02.2010 - 19:14:14
    0 Mitglieder finden den Beitrag gut.
  26. #86
    User Pic
    swenieboy Mitglied
    Registriert seit
    19.03.2009
    Beitrge
    232
    Beitragswertungen
    0 Beitragspunkte
    na wenn es jetzt funkt ist doch schön ... dann brauchste mein ICQ auch nicht ... wenn irgentwas ist ... einfach posten ...
    ZitatZitat geschrieben von Erok

    MSN hab ich leider keins. Nur ICQ hätte ich, falls das geht ?

    Ich hab mal Deinen Quelltext kopiert, nun gehts lustigerweise lol

    Ich sag erst mal ganz fett Danke lcheln


    Zuletzt modifiziert von Erok am 02.02.2010 - 19:14:14
    0 Mitglieder finden den Beitrag gut.
  27. #87
    User Pic
    Erok Mitglied
    Registriert seit
    24.11.2009
    Beitrge
    128
    Beitragswertungen
    0 Beitragspunkte
    Habs jetzt auch auf meiner HP eingebaut lcheln

    Und den Login etwas umgecodet.

    Wer es sich mal anschauen möchte : www.schwabenpunker.de

    Greetz

    Erok

    P.S: Und nochmal ein fettes Dankeschön an swenieboy. Hast einen gut bei mir zwinker
    0 Mitglieder finden den Beitrag gut.
  28. #88
    User Pic
    swenieboy Mitglied
    Registriert seit
    19.03.2009
    Beitrge
    232
    Beitragswertungen
    0 Beitragspunkte
    Habe mir heute mal die paar stunden Zeit genommen und das alles nochmals geändert, so das keine Datein überschrieben oder modifiziert werden müssen.
    Dazu gibt es eine ausführliche readme. Das ganze gibt es auf meiner Homepage oder wenn die Betatests der Ilch-Tester abgeschlossen sind auch vieleicht bald hier als Download.

    Gruß

    swenieboy


    Zuletzt modifiziert von swenieboy am 04.02.2010 - 15:33:47
    0 Mitglieder finden den Beitrag gut.
  29. #89
    User Pic
    Sunshine Live Mitglied
    Registriert seit
    03.06.2009
    Beitrge
    1.029
    Beitragswertungen
    109 Beitragspunkte
    swenieboy danke für die leichte anleitung hat sehr geholfen.

    Ich hab noch ne frage dazu und zwar kann man das dynamisch machen?
    so das sich das mit runter scrolt wenn ich scrolle?
    0 Mitglieder finden den Beitrag gut.
  30. #90
    User Pic
    swenieboy Mitglied
    Registriert seit
    19.03.2009
    Beitrge
    232
    Beitragswertungen
    0 Beitragspunkte
    verstehe nur bahnhof ....
    ZitatZitat geschrieben von Sunshine Live

    swenieboy danke für die leichte anleitung hat sehr geholfen.

    Ich hab noch ne frage dazu und zwar kann man das dynamisch machen?
    so das sich das mit runter scrolt wenn ich scrolle?
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurck zu Design und Templates

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten