Information : Login pop-up for the AwesomeBB version

Go down

Information : Login pop-up for the AwesomeBB version Empty Information : Login pop-up for the AwesomeBB version

Post by The Godfather on July 3rd 2020, 1:32 pm

Login pop-up for the AwesomeBB version


Dear Forumotion users,

We are pleased to inform you that the login pop-up, feature previously unavailable on the AwesomeBB version, is now also offered for this version.

In order for the login pop-up to work optimally on the forum in AwesomeBB, administrators who have customized the template overall-header before July 1, 2020 must absolutely take the modifications below into account.

Please note, only the AwesomeBB version is affected by these modifications.


Modifications to be made in overall_header:
ADD THIS CODE :
Code:
    <!-- BEGIN switch_login_popup -->
    <script type="text/javascript">
        //<![CDATA[
    var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH},
    logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;

    $(document).ready(function () {
    $(window).resize(function () {
    var windowWidth = document.documentElement.clientWidth;
    var popupWidth = $("#login_popup").width();
    var mypopup = $("#login_popup");

    $("#login_popup").css({
    "left": windowWidth / 2 - popupWidth / 2
    });
    });
    });
        //]]>
    </script>
    <!-- END switch_login_popup -->
AFTER :
Code:
    <!-- BEGIN switch_ticker -->
    <script type="text/javascript">
        //<![CDATA[
        $(document).ready(function () {
            Ticker.start({
                height : {switch_ticker.HEIGHT},
                spacing : {switch_ticker.SPACING},
                speed : {switch_ticker.SPEED},
                direction : '{switch_ticker.DIRECTION}',
                pause : {switch_ticker.STOP_TIME}
            });
        });
        //]]>
    </script>
    <!-- END switch_ticker -->
then ADD THIS CODE :
Code:
<!-- BEGIN switch_login_popup -->
<div id="login_popup" class="block-subtle" style="z-index: 10000 !important;">
    <div class="headline">
        {SITENAME}
        <button title="{L_LOGIN_CLOSE}" id="login_popup_close"><i class="material-icons">close</i></button>
    </div>
    <div id="login_popup_message">
        {LOGIN_POPUP_MSG}
    </div>
    <br>
    <div id="login_popup_buttons">
        <form action="{S_LOGIN_ACTION}" method="get">
            <input type="submit" value="{L_LOGIN}" class="btn btn-default">
            <input type="button" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" class="btn btn-default">
        </form>
    </div>
</div>
<!-- END switch_login_popup -->
AFTER :
Code:
<body id="top">

The Forumotion team king

The Godfather
The Godfather
Administrator
Administrator

Posts : 3606
Reputation : 659

View user profile

SLGray, SarkZKalie, MattiaDes, jucarese, Snows and Linette like this post

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum