Fereastra de logare tip pop-up

Scris de ezlidor Mier Mar 18, 2009 10:39 am

Fereastra de logare tip pop-up

Fereastra de tip pop-up este o fereastra flotanta care se suprapune peste conținutul forumului la incarcarea paginii si urmareste vizitatorii vorumului, invitindu-i sa se conecteze, daca sint deja inscrisi, sau sa se inregistreze daca n-au facut-o deja.
Pentru a adăuga o fereastră de acest tip în cadrul forumului dvs. accesați:

Panoul Administratorului => General => Forum => Configurare => Pop-up de conexiune

logare - Fereastra de logare tip pop-up Conexi10

Pentru activare bifează DA la Activează

Setează înălțimea și lățimea din opțiunile Lățime și Înălțime (în pixeli). Atentie ca aceste dimensiuni sa nu depaseasca zona vizibila a forumului (tineti cont ca unii membri pot avea o rezolutie mai mica a monitorului)

Adaugă un text care să conțină fereastra în câmpul Mesaj. Nu poți adăuga coduri html și se accepta codurile BBcode.
In mesaj poți adăuga link-uri, imagini, text colorat ... etc.

Fereastra adopta culorile temei forumului.

Puteti personaliza aceasta fereastra folosind Foaia de stil CSS. Identificatorul pe care trebuie sa-l folositi este: #login_popup

Un exemplu de fereastră pop-up:
logare - Fereastra de logare tip pop-up Login_10

logare - Fereastra de logare tip pop-up Login_10

phpBB2: Pentru a face sa functioneze fereastra pop-up de conexiune in cazul in care ati modificat templateul overall_header_new inainte de 17.03.2009, va rugam mai intai sa faceti urmatoarele modificari:

Popup de conexiune
- overall_header_new
  - Inlocuiti:
    Cod:
    {GREETING_POPUP} <script src="/{JS_DIR}/{L_LANG}.js" type="text/javascript"></script>
    Cu :
    Cod:
    {GREETING_POPUP}  <script type="text/javascript"> //<![CDATA[ var logInPopUp, logInIframe, logInContent, logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false, logInPopUpCss = '{T_HEAD_STYLESHEET}'; //]]> </script>  <script src="/{JS_DIR}/{L_LANG}.js" type="text/javascript"></script>
  - Si inlocuiti :
    Cod:
     <a name="top"></a> {JAVASCRIPT}
    Cu :
    Cod:
      <div id="login_popup"> <iframe id="login_popup_iframe" frameborder="0" scrolling="no"></iframe> <div id="login_popup_content"> <div id="login_popup_background"> <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0"> <tr height="25"> <td class="catLeft"> <span class="genmed module-title">{SITENAME}</span> </td> </tr> <tr height="{LOGIN_POPUP_MSG_HEIGHT}"> <td class="row1" align="left" valign="top"> <div id="login_popup_buttons"> <form action="{S_LOGIN_ACTION}" method="get" target="_parent"> <input type="submit" class="mainoption" value="{L_LOGIN}" /> <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" /> <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" /> </form> </div> <span class="genmed">{LOGIN_POPUP_MSG}</span> </td> </tr> </table> </div> </div> </div>  <a name="top"></a> {JAVASCRIPT}

Numai bine,
Echipa Forumgratuit

Tutorial scris de The Godfather, tradus de ezlidor.
Ultima actualizare: 15.03.2013 ~ Ina

Copyright Forumgratuit.ro Nici o parte a acestui tutorial nu poate fi reprodusa, transmisa sau stocata in orice forma fara acordul scris al detinatorului dreptului de autor, in conformitate cu articolul L122-1 apartinand ICC.