Information : Pop-up de connexion pour la version AwesomeBB

par **Luzz** Ven 3 Juil 2020 - 10:46

Pop-up de connexion pour la version AwesomeBB

Chers utilisateurs,

Nous tenons à vous informer que la pop-up de connexion, fonctionnalité jusqu’à là non disponible sur la version AwesomeBB, est désormais proposée pour cette version aussi.

	Afin que la pop-up de connexion fonctionne de façon optimale sur le forum en AwesomeBB, les administrateurs ayant personnalisé le template overall_header doivent prendre en considération les modifications ci-dessous. Attention, seule la version AwesomeBB est concernée par ces modifications.

Modifications à effectuer dans overall_header:

AJOUTER :

Code::  <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>

APRES :

Code::  <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>

puis AJOUTER :

Code::  <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>

APRES :

Code:: <body id="top">

Cordialement,

L'équipe Forumactif.