[Neue Funktion] Module sind jetzt für die moderne mobile Version verfügbar

Welche Module sind betroffen?

1. Die meistbeachteten Themen
   
2. Die lebendigsten Themen
   
3. Kleinanzeigen
   
4. Chatbox
   

Wie aktiviere ich die mobilen Module in meinem Forum?

Gut zu wissen:

• Das mobile Chatbox-Module ist abhängig von der Aktivierung der Forum-Chatbox. Es erscheint nur und kann aktiviert werden, wenn die Forum-Chatbox aktiviert wurde.
  
• Gründer, die die mobilen Templates message_body, overall_footer und overall_header angepasst haben, müssen die folgenden Änderungen vornehmen, um sicherzustellen, dass unsere Optimierungen an der mobilen Version ihres Forums vorgenommen werden und die neuen mobilen Module ordnungsgemäß funktionieren.
  

HINWEIS: Damit mobile Widgets im Forum optimal funktionieren, müssen Gründer, die vor dem 13. Dezember 2019 eine der mobilen Templates message_body, overall_footer und overall_header angepasst haben, die folgenden Änderungen berücksichtigen.

Beachtet, dass die grundlegenden mobilen Templates des Forums all diese Optimierungen bereits beinhalten. Deshalb könnt ihr auch eure eigenen Templates löschen, um das aktualisierte Basis-Template zu generieren, und anschließend eure Anpassungen erneut zu integrieren.

message_body

Diesen Code ersetzen:

Code:

<div class="box">
<div class="box-header">{MESSAGE_TITLE}</div> {MESSAGE_TEXT}
</div>

durch diesen Code:

Code:

<div class="box box-information">
<div class="box-header">{MESSAGE_TITLE}</div> {MESSAGE_TEXT}
</div>

overall_footer

Diesen Code löschen:

Code:

<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

Diesen Code ersetzen:

Code:

$(window).load(function(){
        var avatar_style;

        $('.forum-avatar img').each(function(){
            avatar_style = (this.width/this.height > 1) ? 'height: 100%; width: auto;' : 'height: atuo; width:100%;';
            $(this).attr('style', avatar_style);
        })
    })

durch diesen Code:

Code:

$(window).load(function(){
        var avatar_style;

        $('.forum-avatar img').each(function(){
            avatar_style = (this.width/this.height > 1) ? 'height: 100%; width: auto;' : 'height: atuo; width:100%;';
            $(this).attr('style', avatar_style);
        })
    });

    function hideFixedToggleable(focusin) {
        var toggleable = [
            $('#to-top'),
            $('.btn-floating'),
            $('#tab-bar')
        ];

        if (focusin) {
            $(toggleable).each(function() {
                $(this).css('display', 'none');
            });
        } else {
            $(toggleable).each(function() {
                $(this).removeAttr('style');
            });
        }
    }

    $(document).on('focus blur', 'select, textarea, input[type=text], input[type=date], input[type=password], input[type=email], input[type=search]', function(e) {
        hideFixedToggleable(e.type == 'focusin');
    });

overall_header

Nach diesem Code:

Code:

<script src="//code.jquery.com/jquery-2.2.3.min.js" type="text/javascript"></script>

Diesen Code hinzufügen:

Code:

<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>