Fereastra de logare tip pop-up

Vezi subiectul anterior Vezi subiectul urmator In jos

Tutorial Fereastra de logare tip pop-up

Mesaj Scris de ezlidor la data de Mier 18 Mar - 10:39

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



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:


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}
            <!-- BEGIN switch_login_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>
            <!-- END switch_login_popup -->
            <script src="/{JS_DIR}/{L_LANG}.js" type="text/javascript"></script>
      • Si inlocuiti :
        Cod:
            <!-- END hitskin_preview -->
            <a name="top"></a>
            {JAVASCRIPT}
        Cu :
        Cod:
            <!-- END hitskin_preview -->

            <!-- BEGIN switch_login_popup -->
            <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>
            <!-- END switch_login_popup -->

            <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.


Ultima editare efectuata de catre ezlidor in Mier 18 Mar - 21:55, editata de 1 ori

ezlidor
Membru onorific
Membru onorific

masculin

Mesaje : 4140
Varsta : 27
Localizare : Iasi
Data de inscriere : 07/02/2008
Multumiri : 8
Niciun avertisment

http://help.forumgratuit.ro

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus


Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum