TekBASE 8 - Game basierter Loginbereich

Aktuell führen wir noch einige Anpassungen durch, das Forum wurde jedoch bereits live geschaltet.
  • Vorweg schon ein kleines Beispiel um TekBASE 8 anzupassen. Der jetzige Loginbereich hat ein Hintergrundbild. Dies kann man ganz einfach ersetzen. Will man das Bild entfernen, reicht es Zeile 17 der login_header.tpl zu löschen. Oder man gibt den Kunden, was die Kunden wollen und personalisiert das Ganze.


    screenshot-2017-02-06-14-20-03.png


    In dieser Anleitung geht es darum, dass jeder Kunde Spiele Wallpaper sieht aber nur zu den Spielen, welche er auch in seinem Kundenbereich verwaltet. Das ganze ist recht simpel aber eure Kunden finden die Idee sicher nett. Kunden die das ganze nicht mögen können dann später auch im Kundenbereich dazu Einstellungen vornehmen.


    Wir kopieren die /members/themes/naval/tpl/login_header.tpl, login_box.tpl und login_footer.tpl nach mytekbase/members/tpl. In mytekbase kommt ab der 8ter Version alles rein, was man selbst verändert um nicht an den original Dateien rumspielen zu müssen. Somit werden eure Änderungen auch nicht einfach mit einem Update überschrieben, falls ihr das Häkchen vergesst.


    Jetzt öffnen wir die login_header.tpl und ersetzen mit folgendem:

    PHP
    $("#login-body").ezBgResize({img: "mytekbase/members/images/backgrounds/<?php echo $bg_game; ?>.jpg"});


    Nun müssen wir noch einen zufälligen Gameserver des Kunden abfragen und fügen diese Zeilen in die login_header.tpl in Zeile 7 ein.

    Code
    $memstats = $db->sql_fetchrow($db->sql_query("SELECT id FROM ".$prefix."_members WHERE member='".$tekdesk_userinfo[0]."' LIMIT 1"));
    $bg_game = $db->sql_fetchrow($db->sql_query("SELECT game FROM ".$prefix."_gameserver WHERE memberid='".$memstats['id']."' ORDER BY RAND() LIMIT 1"));
    if (file_exists("mytekbase/members/images/backgrounds/".$bg_game['game'].".jpg")) {
      $bg_game = $bg_game['game'];
    }else{
      $bg_game = "wallpaper";
    }


    Wir benötigen neben den Spielekürzel.jpg Dateien noch die wallpaper.jpg Datei diese wird geladen, wenn der Kunde zum Beispiel keinen Gameserver hat. Auch diese kopieren wir in das mytekbase/members/images/backgrounds Verzeichnis.


    Jetzt wollen wir auch keine langen Ladezeiten, wenn sich das Hintergrundbild, daher listen wir in der login_footer.tpl ALLE Wallpaper in einer ausgeblendeten div Box auf. Danach müssen wir nur noch in der .htaccess den Cache von jpg Dateien aktivieren. Beim ersten Aufruf der Seiten werden dann die Hintergrundbilder zu den einzelnen Spielen geladen und auf dem Rechner des Kunden im Browsercache hinterlegt. Besucht dieser nun morgen, übermorgen oder nächste Woche die Seite, werden die Bilder nicht neu geladen, sondern aus dem Cache genommen. Wir fügen in die login_footer.tpl vor <body></html> eine neue Zeile und dort dann diesen Inhalt ein.


    Inhalt der .htaccess zum cachen von Dateien. Wer es nicht für das gesamte TekBASE nutzen will kopiert diese .htaccess einfach in das mytekbase/members Verzeichnis reinkopieren. Somit bleibt beispielsweise das CMS Design und der Adminbereich davon unbeeinflusst


    Fertig. Das ganze könnte man auch ausweiten auf Streamserver, ... Aus Lizenztechnischen Gründen können wir keine Wallpaper von z.b. Minecraft verwenden, welche wir gleich mit in die TekBASE Version stecken. Wer möchte, kann gerne Wallpaper via google und co suchen downloaden und uns senden oder hier posten. Wir stellen im Downloadbereich dann alle kostenlos als Packet zur Verfügung, das geht. Dazu bitte Bilder in einer Auflösung von circa 2560x1440 bis 3840x2560. Richtig optimiert sind die Dateien dann nur 200-300KB groß. Siehe Ark.


    ark.jpg

    Bitte die Forumsuche und das Handbuch verwenden. Wenn die Suche erfolglos war, bitte ein Thema erstellen und das Problem ausführlich beschreiben. Dieser Ablauf spart Zeit und unnötige Fragen zu immer gleichen Problemen. Sie können aber auch im Kundenbereich ein Support-Ticket erstellen.


    Gefällt Ihnen TekLab? facebook-1.pngtwitter-1.pnglinkedin-1.png

    5 Mal editiert, zuletzt von CFrankenstein ()

  • Achso, damit man als Gameserver Hoster und 100 Spielen den Kunden nicht verärgert, sollte bei vielen Spielen der Ladevorgang der Bilder Asynchron erfolgen ;) Bei 10-20 Spielen sollte es jedoch kein Problem sein. Es gibt Webseiten die mehrere MB laden.

    Bitte die Forumsuche und das Handbuch verwenden. Wenn die Suche erfolglos war, bitte ein Thema erstellen und das Problem ausführlich beschreiben. Dieser Ablauf spart Zeit und unnötige Fragen zu immer gleichen Problemen. Sie können aber auch im Kundenbereich ein Support-Ticket erstellen.


    Gefällt Ihnen TekLab? facebook-1.pngtwitter-1.pnglinkedin-1.png

  • Das sollte noch aktuell sein. Schick mal bitte den Link damit ich mir das ansehen kann.

    Bitte die Forumsuche und das Handbuch verwenden. Wenn die Suche erfolglos war, bitte ein Thema erstellen und das Problem ausführlich beschreiben. Dieser Ablauf spart Zeit und unnötige Fragen zu immer gleichen Problemen. Sie können aber auch im Kundenbereich ein Support-Ticket erstellen.


    Gefällt Ihnen TekLab? facebook-1.pngtwitter-1.pnglinkedin-1.png

  • Hab die Änderungen derzeit wieder rückgängig gemacht.


    login.png<--- Das ist der aktuelle Login Screen mit den Änderungen.















    In der tekbase.zip befinden sich die Dateien die ich nach der obigen Anleitung abgeändert habe.
    Die Dateien liegen im mytekbase/members/tpl


    Das Verzeichnis backgrounds in mytekbase/members/images musste selber angelegt werden.

  • login_header.tpl hier hast du nur die DB Abfrage des Spiels an falsche Stelle gesetzt. Dies muss gemacht werden bevor du die Variable als Image nutzt. Da diese ansonsten leer ist. Siehe Zeile 11-16 bei mir die $bg_game Variable die du in Zeile 20 setzt.


    Das sollte in der login_footer.tpl reichen.

    Bitte die Forumsuche und das Handbuch verwenden. Wenn die Suche erfolglos war, bitte ein Thema erstellen und das Problem ausführlich beschreiben. Dieser Ablauf spart Zeit und unnötige Fragen zu immer gleichen Problemen. Sie können aber auch im Kundenbereich ein Support-Ticket erstellen.


    Gefällt Ihnen TekLab? facebook-1.pngtwitter-1.pnglinkedin-1.png

  • mytekbase/members/images/backgrounds/csgo.jpg z.b. ist vorhanden und der Kunde hat auch einen csgo Gameserver? Ansonsten muss in mytekbase/members/images/backgrounds/ auch noch eine wallpaper.jpg liegen. Oder aber rechtsklick im Browser dann "Element untersuchen" dort auf Konsole klicken, alles auswählen bei Java falls vorhanden und die Seite anschließend neu laden. Der Fehler wieso weshalb warum sollte nun in der Konsole angezeigt werden, wenn es bei Javascript dort einen Fehler gab. Ansonsten rechtsklick -> Elemtent untersuchen -> auf body oder div mit der Id Login_body gehen und schaun ob das Bild überhaupt erkannt wird.

    Bitte die Forumsuche und das Handbuch verwenden. Wenn die Suche erfolglos war, bitte ein Thema erstellen und das Problem ausführlich beschreiben. Dieser Ablauf spart Zeit und unnötige Fragen zu immer gleichen Problemen. Sie können aber auch im Kundenbereich ein Support-Ticket erstellen.


    Gefällt Ihnen TekLab? facebook-1.pngtwitter-1.pnglinkedin-1.png

  • Dann mir mal den Link senden an service@

    Bitte die Forumsuche und das Handbuch verwenden. Wenn die Suche erfolglos war, bitte ein Thema erstellen und das Problem ausführlich beschreiben. Dieser Ablauf spart Zeit und unnötige Fragen zu immer gleichen Problemen. Sie können aber auch im Kundenbereich ein Support-Ticket erstellen.


    Gefällt Ihnen TekLab? facebook-1.pngtwitter-1.pnglinkedin-1.png

  • Fehler gefunden ändern das sname in game bei der DB Abfrage. Sind zwei Zeilen die geändert werden müssten.

    Bitte die Forumsuche und das Handbuch verwenden. Wenn die Suche erfolglos war, bitte ein Thema erstellen und das Problem ausführlich beschreiben. Dieser Ablauf spart Zeit und unnötige Fragen zu immer gleichen Problemen. Sie können aber auch im Kundenbereich ein Support-Ticket erstellen.


    Gefällt Ihnen TekLab? facebook-1.pngtwitter-1.pnglinkedin-1.png

  • Dann mal FTP und Link zum TekBASE an service@

    Bitte die Forumsuche und das Handbuch verwenden. Wenn die Suche erfolglos war, bitte ein Thema erstellen und das Problem ausführlich beschreiben. Dieser Ablauf spart Zeit und unnötige Fragen zu immer gleichen Problemen. Sie können aber auch im Kundenbereich ein Support-Ticket erstellen.


    Gefällt Ihnen TekLab? facebook-1.pngtwitter-1.pnglinkedin-1.png

  • Die Login_footer.tpl, login_header.tpl sowie login_box.tpl müssen dann nach /mytekbase/members/tpl der User mit z.b. CSGO muss sich das erste mal einloggen und wieder auslogen. Nun kennt das System seine Kunden ID im Browser und kann den Loginscreen gestalten. Wie bei dir mit dem Standardbild sollte es dann mit der csgo.jpg nun gehen. Ansonsten brauch ich mal einen Kunden Login um zu sehen welche Gameserver er hat. :)

    Dateien

    Bitte die Forumsuche und das Handbuch verwenden. Wenn die Suche erfolglos war, bitte ein Thema erstellen und das Problem ausführlich beschreiben. Dieser Ablauf spart Zeit und unnötige Fragen zu immer gleichen Problemen. Sie können aber auch im Kundenbereich ein Support-Ticket erstellen.


    Gefällt Ihnen TekLab? facebook-1.pngtwitter-1.pnglinkedin-1.png

  • So geht ich update die Anleitung bzw. den Code. Gefehlt hatte die Member Abfrage ;)


    Bildschirmfoto 2017-09-06 um 17.19.14.pngBildschirmfoto 2017-09-06 um 17.19.00.png

    Bitte die Forumsuche und das Handbuch verwenden. Wenn die Suche erfolglos war, bitte ein Thema erstellen und das Problem ausführlich beschreiben. Dieser Ablauf spart Zeit und unnötige Fragen zu immer gleichen Problemen. Sie können aber auch im Kundenbereich ein Support-Ticket erstellen.


    Gefällt Ihnen TekLab? facebook-1.pngtwitter-1.pnglinkedin-1.png

    Einmal editiert, zuletzt von CFrankenstein ()