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
|