Lexi Help
Die neuesten Themen
» Private Nachrichten
von inde Gestern um 22:32

» Wie kann man erkennen, welche Forenversion ein anderes Forum hat?
von inde Gestern um 22:24

» Ad Ware im Forum?
von inde Gestern um 20:38

» [Update] Neues Theme der mobilen Version V2
von #Frank Gestern um 16:57

» [phpBB2] Probleme mit der "Postprofil" Anzeige
von Dr.Keks Sa 24 Sep 2016 - 11:29

» [Sammelthread] Unangebrachte Werbung
von inde Fr 23 Sep 2016 - 9:00

» [PunBB] Umzug eines funktionierenden Forums von PunBB auf phpBB?
von inde Do 22 Sep 2016 - 20:30

» [phpBB2] Gruppen in der Wer is Online Anzeige "trennen"
von TheRollyJoger Mi 21 Sep 2016 - 10:49

» Yaruma - Fantasy-RPG Forum
von Alketa Di 20 Sep 2016 - 21:34

» [phpBB3] Links automatisch kursiv
von inde Di 20 Sep 2016 - 17:37

» [Invision] Kompletter Css-Codebaum gesucht !
von inde Di 20 Sep 2016 - 13:12

» Filmforum "Dark Movie Dreams"
von Ray Di 20 Sep 2016 - 11:56

» Forumseite mit Mailware verseucht ?
von inde Mo 19 Sep 2016 - 20:31

» Ich kann keine Hintergrundbilder hochladen
von Serv Mo 19 Sep 2016 - 19:59

» SQL Zugang
von inde Mo 19 Sep 2016 - 18:56

» Design vergrößern. Probleme mit Design.
von Minka02 Mo 19 Sep 2016 - 17:42

Partner
free forum

[Update] Neues Theme der mobilen Version V2

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

[Update] Neues Theme der mobilen Version V2

Beitrag von Forumbot am Mi 21 Sep 2016 - 22:21


Neues Theme der mobilen Version V2


Liebe User,

Forumieren ist stolz euch die zweite Version unseres mobilen Theme für eure Foren vorzustellen!

Dieses Update V2 des "Neuen Theme der mobilen Version" vervollständigt die erste Version mit brandneuen Features, um die Nutzung zu verbessern.


Registrierung

Die Besucher eures Forums können sich nun direkt mit einem Mobilgerät in eurem Forum registrieren, ohne die Version wechseln zu müssen. Der Prozess ähnelt der Registrierung auf der Desktop-Version.
Vorschau:

"Facebook verbinden" - Button

Dieses neue Feature kann dazu verwendet werden, um sich im Forum zu registrieren oder sich zu einzuloggen. Eure Mitglieder haben nun die Möglichkeit sich mit ihren Facebook-Account zu verbinden und müssen nicht mehr ständig den Benutzernamen und ihr Passwort eingeben.
Vorschau:

Benachrichtigungen

Ihr habt die Benachrichtigungen wie bei der Desktop-Version vermisst, auch das ist nun vorbei. Mit dem neuen mobilen Theme werden nun auch alle Benachrichtigungen empfangen.
Vorschau:

"Zur letzten Antwort eines Themas - Button"

Ihr könnt von nun an direkt zur letzten Antwort eines Themas gelangen, indem ihr einfach auf den Button (kleinen Pfeil) neben dem Datum klickt.
Vorschau:

Editieren

Abhängig von Rang und den Befugnissen im Forum, könnt ihr nun eure Beiträge oder auch die von anderen Usern direkt von der mobilen Version aus bearbeiten.
Vorschau:

Beiträge löschen

Mit den entsprechenden Befugnissen (z.B. Administrator, Moderator) könnt ihr nun eure Beiträge sowie die von anderen Usern löschen.
Vorschau:

Profilseite

Ab sofort könnt ihr euch die Profilinformationen anderer User ansehen. Um auf die Profilseite zu gelangen braucht ihr nur auf das Avatar eines Users zu klicken.
Vorschau:

"Nach oben" - Button

Ein "Nach-Oben" - Button (Pfeil) wird nun automatisch am Seitenende angezeigt. Dieses nützliche Feature bringt euch auf sehr langen Seiten durch nur einen Klick zurück zum Seitenanfang.
Vorschau:



Wir hoffen euch gefallen diese neuen Features. Smile

Euer Team von Forumieren king

Eine wichtige Ankündigung von Forumieren


Forumbot
Forum Bot
Forum Bot

Beiträge : 15
Anmeldedatum : 15.09.10

Nutzerprofil anzeigen

Nach oben Nach unten

Re: [Update] Neues Theme der mobilen Version V2

Beitrag von Forumbot am Sa 24 Sep 2016 - 19:32


Neues Theme der mobilen Version V2
- Templateveränderungen -


Hallo liebe User,

wir sind bemüht eure Foren auch für die Mobile Version stets zu modernisieren. Erneuerungen an den Templates werden, an einem durch euch geänderten Template, nicht durch ein Update übernommen.
Hinweis:
Dies betrifft lediglich Foren bei denen Änderungen an den Templates der "Mobilen Version" bis zum 21.09.2016 vorgenommen wurden!
Bei denjenigen von euch, welche bereits vor dem Update "Neues Theme der mobilen Version V2" Änderungen an den Templates der "Mobilen Version" vorgenommen haben, kann es zu Störungen bei der Anzeige in der Mobilen Ansicht kommen. Um auch im vollem Umfang die neuen Features aus unserem Update nutzen zu können, müssen die veränderten Templates der Mobilen Version durch euch nachträglich verändert werden.

Betroffene Templates der "Mobilen Version":
overall_footer
overall_header
posting_confirm_code
topics_list_box
viewtopic_body



Ihr findet diese Template in eurem Administrations-Bereich unter
Anzeige -> Block Templates -> Link Mobile Version


Anleitung für die Veränderung der Templates:

  • Ändert, ersetzt oder aber fügt den betroffenen Templates entsprechende Abschnitte hinzu.
  • Welche Vorgehensweise für das jeweilige Template zutreffend ist, findest ihr in den Titeln der Spoiler wieder.
  • Ein verändertes Template erkennt ihr am Grün unterlegten "Namen" des Templates sowie am Status "Veröffentlicht".
  • Klickt auf das Rechts stehende Zahnradsymbol zahnrad um ein Template zu bearbeiten.
  • Tragt eine markante Passage hier aus den Spoilern in das Suchfeld ein und benutzt die Suche Button Suchen , um schneller die zu verändernde Stelle im Template zu finden.
  • Nach der Bearbeitung nicht das Absenden Button Absenden vergessen.
  • Nun braucht das Template nur noch durch einen Klick auf das grüne Kreuz plus veröffentlicht werden.



Template overall_footer

Ersetzen:
Code:
{PROTECT_FOOTER}
        <div class="application_footer_spacer"></div>
Durch:
Code:
{PROTECT_FOOTER}
        <a id="to-top" href="#wrap"><i class="material-icons">&amp;#xE316;</i></a>
        <div class="application_footer_spacer"></div>
Ersetzen:
Code:
<script type="text/javascript">
            $(document).ready(function(){
Durch:
Code:
<script type="text/javascript">
//<![CDATA[
            $(document).ready(function() {
Ersetzen:
Code:
if ($("#at-share-dock").length) {
                    $(".btn-floating").css("bottom", "60px");
                };
Durch:
Code:
if ($("#at-share-dock").length) {
                    $(".btn-floating, #to-top").css("marginBottom", "50px");
                };
Nach:
Code:
                          case '-96px 0px':
                            $(this).html('<i class="material-icons">&amp;#xE8AC;</i>');
                            break;
Hinzufügen:
Code:
                          case '-128px 0px':
                            $(this).html('<i class="material-icons">&amp;#xE7FE;</i>');
                            break;
                        case '-160px 0px':
                            $(this).html('<i class="material-icons">&amp;#xE7F4;</i>');
                            $(this).addClass('BtnNotif');
                            break;
Vor:
Code:
</script>
</body>
</html>
Hinzufügen:
Code:
  $('#to-top').click(function(e) {
        e.preventDefault();
        $('html, body').animate({
            scrollTop: 0
        }, 400);
    });
 
    $(document).scroll(function() {
        var y = $(this).scrollTop();
        if (y > 164) {
            $('#to-top').addClass('visible');
        } else {
            $('#to-top').removeClass('visible');
        }
    });
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
    $(document).ready(function() {
        if(_userdata['activate_toolbar'] && _userdata['session_logged_in']) {
            Toolbar.init;
            var timeout = setInterval(reloadNotif, 1000);
            $("#header").prepend('<a id="mNotificationBtn" href="./profile?mode=editprofile&page_profil=notifications"></a>');
            $("#mNotificationBtn").prepend('<span id="unread_notif">' + _toolbar.notifications.unread + '</span>');
            $('.BtnNotif').prepend('<span id="unread_notif_menu">' + _toolbar.notifications.unread + '</span>');
        };
 
        function reloadNotif() {
            if (_toolbar.notifications.unread > 0) {
                $("#unread_notif").html(_toolbar.notifications.unread);
                $("#unread_notif_menu").html(_toolbar.notifications.unread);
                if(!$("#unread_notif").hasClass("notification-new")) {
                    $("#unread_notif").addClass('notification-new');
                    $("#unread_notif_menu").addClass('notification-new');
                    $("#mNotificationBtn").addClass('notification-new');
                }
            }
        };
    });
//]]>

Template overall_header

Nach:
Code:
  <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
Hinzufügen:
Code:
  <!-- BEGIN switch_fb_login -->
    <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
    <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
    <!-- END switch_fb_login -->
Ersetzen:
Code:
<body>
Durch:
Code:
<body id="mpage-body-modern">

Template posting_confirm_code

Ersetzen:
Code:
<br><img src="{S_ANTI_ROBOT}" alt="" border="0" />
Durch:
Code:
<br /><img src="{S_ANTI_ROBOT}" alt="" border="0" />

Template topics_list_box

Nach:
Code:
<!-- END table_sticky -->
Hinzufügen:
Code:
      <div class="forum-section-wrap">
Ersetzen:
Code:
              <div class="forum-lastpost">{topics_list_box.row.L_LATEST_POST_FROM_THE}</div>
            </div>
        </a>
<!-- END topic -->
Durch:
Code:
              <div class="forum-lastpost">{topics_list_box.row.L_LATEST_POST_FROM_THE}<div class="lastpost-arrow"></div></div>
            </div>
        </a>
        <a href="{topics_list_box.row.LAST_POST_IMG}" class="last-post-link">Last post</a>
        </div>
<!-- END topic -->

Template viewtopic_body

Ersetzen:
Code:
<div class="post-icon"><i class="material-icons">person</i>{postrow.displayed.POSTER_AVATAR}</div><h2>{postrow.displayed.POST_DATE_NEW}</h2>
Durch:
Code:
<div class="post-icon"><i class="material-icons">person</i>{postrow.displayed.POSTER_AVATAR}</div>
                            <div class="post-info">
                                <h2>{postrow.displayed.POST_DATE_NEW}</h2>
Ersetzen:
Code:
<div class="post-content">
Durch:
Code:
</div>
            <div class="post-content">
Ersetzen:
Code:
{postrow.displayed.EDITED_MESSAGE}
Durch:
Code:
          <ul class="post-buttons">
                <li>{postrow.displayed.EDIT_IMG}</li>
                <li>{postrow.displayed.DELETE_IMG}</li>
            </ul>


Euer Team von Forumieren

Eine wichtige Ankündigung von Forumieren


Forumbot
Forum Bot
Forum Bot

Beiträge : 15
Anmeldedatum : 15.09.10

Nutzerprofil anzeigen

Nach oben Nach unten

Re: [Update] Neues Theme der mobilen Version V2

Beitrag von Tierfreund-97 Gestern um 16:15

Super! Großes Danke und Lob an euch. Zwar ist das noch weit entfernt von perfekt (perfekt wäre, wenn es zB die Farben des Forums übernehmen würde usw), allerdings ist es endlich eine mobile Version, mit der man leben kann. top

Tierfreund-97
Lehrling
Lehrling

Weiblich Beiträge : 164
Hinweis : All you need is love and a cat! :)
Anmeldedatum : 09.04.11
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Re: [Update] Neues Theme der mobilen Version V2

Beitrag von #Frank Gestern um 16:57

Sinn und Zweg der Mobilen Version ist es doch, das diese für die Anzeige eures Forums auf Mobilgeräten (Handy) optimiert ist.
Auf kleinen Displays sind einfache und nicht zu bunte Styles einfach besser zu lesen.
Mit der Möglichkeit des anpassen der Templates der Mobilversion, sowie mit Änderungen im CSS des Forums sind aber auch hier kaum Grenzen gesetzt.
Nur sollte man hier nicht zu viel machen, sodas der eigentliche Sinn der Mobilversion nicht aufgehoben wird.
Wer es bund will, der kann ja die Classische Ansicht benutzen.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34499
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Forenbefugnisse:
Sie können in diesem Forum nicht antworten