Bine ai venit pe DesignART !
-Forumul DesignART ofera servicii gratuite in domeniile Graphic Design si Coding !
-Pentru a beneficia de aceste servicii trebuie doar sa va INREGISTRATI si/sau sa va CONECTATI
-Innainte de a incepe sa postati,va sfatuim sa cititi REGULAMENTUL forumului !

Tutorial - Personalizare Pop-UP de conexiune phpBB2 si punBB [Forumgratuit.ro]

Vezi subiectul anterior Vezi subiectul urmator In jos

Tutorial - Personalizare Pop-UP de conexiune phpBB2 si punBB [Forumgratuit.ro]

Mesaj Scris de Vizitato la data de Sam Iun 11, 2011 7:09 am

Tutorial - Personalizare Pop-UP de conexiune phpBB2 si punbb


Salut, Vizitator in acest tutorial am sa te invat cum sa-ti personalizezi Pop-up de conexiune, pe versiunile phpBB2 si punBB !

Demonstratie: http://et-teste.amforum.net/forum


Pasul:1
Adaugati codul urmator in overall_header
Panou de administrare>Afisare> Template-uri > General > overall_header > iar in template-ul overall_header cautati codul acesta:


Cod:

   <!-- BEGIN switch_login_popup -->
   <div id="login_popup">
      <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">
                     <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>
   <!-- END switch_login_popup -->


Pasul:2
Iar dupa inlocuiti cu codul urmator:
Cod:


<!-- BEGIN switch_login_popup -->

<div id="login_popup">
<table class="" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0"></td></tr>
<tr height="{LOGIN_POPUP_MSG_HEIGHT}">
<td class="" align="left" valign="top">
<span class="genmed">{LOGIN_POPUP_MSG}</span>
<div id="login_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get">
<input type="submit" class="mainoption" value="{L_LOGIN}" />
<input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
<div id="login_popup_close" {L_DONT_DISPLAY_AGAIN}">
</form></div></tr></tr></tr></table></div>
            
<!-- END switch_login_popup -->
Pasul:3
Adaugati codul urmator in CSS
Panou de administrare > Afisare > Imagini si culori > Culori > Foaie de stil CSS

Cod:


/*Pop-up de conexiune-------------------------------------------------*/
#login_popup_close{
cursor:pointer;
font-size: 0px;
background-image: url(http://i27.servimg.com/u/f27/16/17/34/47/close10.png);
background-color: transparent;
background-repeat: no-repeat;
-moz-box-shadow:none;
 -webkit-box-shadow:none;
box-shadow:none;
width: 60px !important;
height: 60px !important;
border: 0;
float: right;
margin-right: -40px;
margin-top: -270px;
background-position: 0 100%;
color: transparent;}

#login_popup {
position: absolute;
width: 500px !important;
height: 250px !important;
z-index: 999;
display: none;
background: #fff url(http://i27.servimg.com/u/f27/16/17/34/47/body-b15.png);
border: 10px solid #ddd;
-webkit-box-shadow: 1px 2px 5px #000;
-moz-box-shadow: 1px 2px 5px #000;
box-shadow: 1px 2px 5px #000;
-webkit-border-top-left-radius: 16px;
-webkit-border-bottom-right-radius: 16px;
-moz-border-radius-topleft: 16px;
-moz-border-radius-bottomright: 16px;
border-top-left-radius: 16px;
border-bottom-right-radius: 16px;
padding: 10px;
font-family: Trebuchet MS;
ont-size: 1.2em;}

#login_popup input{cursor: pointer !important;}

#login_popup_buttons input {
background: url(/users/1314/81/15/83/album/grad_b10.jpg) repeat-x;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border: 1px solid #d5d5d5;
background-color: #ffffff;}

#login_popup_buttons {
padding: 5px;
margin-bottom: 5px;
height:19px;
bottom: 6px;
right: 6px;}
/*Sfarsit---Pop-up de conexiune-------------------------------------------------*/
Pentru punbb cautati codul urmator
Cod:
 <!-- BEGIN switch_login_popup -->
   <div id="login_popup" class="module main">
      <div id="login_popup_title" class="main-head">
         <div class="h3">{SITENAME}</div>
      </div>
      <div class="main-content">
         {LOGIN_POPUP_MSG}
         <div id="login_popup_buttons">
            <form action="{S_LOGIN_ACTION}" method="get">
               <input type="submit" class="button2" value="{L_LOGIN}" />
               <input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
               <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
            </form>
         </div>
      </div>
   </div>
   <!-- END switch_login_popup -->

si il inlocuiti cu codul de la pasul 2

***Daca intampinati probleme sau dificultati in realizarea acestui tutorial sa rugam sa postati in categoria Suport Html,Css si JavaScript


Tutorial realizat de Emanuel si BODO | DesignART
***Important !
Reproducerea si/sau copierea acestui tutorial NU este permisa fara acordul postatorului !
avatar
Vizitato
Vizitator


Sus In jos

Re: Tutorial - Personalizare Pop-UP de conexiune phpBB2 si punBB [Forumgratuit.ro]

Mesaj Scris de Mr.Ben la data de Sam Iun 11, 2011 9:55 am

Frumos tutorial, bravo Emanuel !
avatar
Mr.Ben
Gold Member
Gold Member

Mesaje Mesaje : 143
Credite Credite : 167
Reputatie : 0
Varsta Varsta : 22

Sus In jos

Re: Tutorial - Personalizare Pop-UP de conexiune phpBB2 si punBB [Forumgratuit.ro]

Mesaj Scris de BoGdDy la data de Sam Iun 11, 2011 2:06 pm

Multumesc mult Emanuel
avatar
BoGdDy
Membru Onorific
Membru Onorific

Mesaje Mesaje : 192
Credite Credite : 243
Reputatie : 0
Varsta Varsta : 20
Localizare Localizare : Undeva....

http://codingart.forumhit.ro/

Sus In jos

Re: Tutorial - Personalizare Pop-UP de conexiune phpBB2 si punBB [Forumgratuit.ro]

Mesaj Scris de Aleku la data de Dum Iun 12, 2011 3:59 am

Mulţumim Emanuel.
avatar
Aleku
Gold Member
Gold Member

Mesaje Mesaje : 325
Credite Credite : 304
Reputatie : 0
Varsta Varsta : 22

http://edtutorials.forumz.ro/

Sus In jos

Re: Tutorial - Personalizare Pop-UP de conexiune phpBB2 si punBB [Forumgratuit.ro]

Mesaj Scris de Bogdanell ;x la data de Dum Iun 12, 2011 4:08 am

Bun Tutorial, Bravo
avatar
Bogdanell ;x
Membru DesignART
Membru DesignART

Mesaje Mesaje : 28
Credite Credite : 32
Reputatie : 0
Varsta Varsta : 21
Localizare Localizare : Craiova

http://www.trafictv.wikiforum.ro

Sus In jos

Re: Tutorial - Personalizare Pop-UP de conexiune phpBB2 si punBB [Forumgratuit.ro]

Mesaj Scris de BODO la data de Mar Iun 14, 2011 5:33 am

Arata foarte frumos, felicitari pentru munca depusa Wink
avatar
BODO
Membru Onorific
Membru Onorific

Mesaje Mesaje : 327
Credite Credite : 406
Reputatie : 0

Sus In jos

Re: Tutorial - Personalizare Pop-UP de conexiune phpBB2 si punBB [Forumgratuit.ro]

Mesaj Scris de BaDiiDoL la data de Vin Iun 17, 2011 6:09 am

Felicitari , si ce pot sa mai spun ... TINEO TOT ASA!!!
avatar
BaDiiDoL
Membru Nou
Membru Nou

Mesaje Mesaje : 6
Credite Credite : 10
Reputatie : 0
Varsta Varsta : 23
Localizare Localizare : Iasi

http://diavolarii.forumz.ro

Sus In jos

Re: Tutorial - Personalizare Pop-UP de conexiune phpBB2 si punBB [Forumgratuit.ro]

Mesaj Scris de BeHappy la data de Vin Iun 17, 2011 6:18 am

Felicitari Emanuel & BODO, foarte bine explciat.
avatar
BeHappy
Gold Member
Gold Member

Mesaje Mesaje : 125
Credite Credite : 165
Reputatie : 0
Varsta Varsta : 23
Localizare Localizare : Mereni, Moldova

http://web-kings.talk-forums.com/

Sus In jos

Re: Tutorial - Personalizare Pop-UP de conexiune phpBB2 si punBB [Forumgratuit.ro]

Mesaj Scris de Irian la data de Vin Iun 17, 2011 10:54 am

mersi Smile
avatar
Irian
Membru DesignART
Membru DesignART

Mesaje Mesaje : 20
Credite Credite : 26
Reputatie : 0
Varsta Varsta : 21

Sus In jos

Re: Tutorial - Personalizare Pop-UP de conexiune phpBB2 si punBB [Forumgratuit.ro]

Mesaj Scris de paull la data de Vin Iun 17, 2011 11:06 am

Irian , comentariile trebuie sa fie alcatuite din minim trei cuvinte pentru a evita mustrarea.Aceasta a fost o avertizare,dar pe viitor la urmatoarea mustrare,o voi trece direct in profilul dumneavoastra.
avatar
paull
Gold Member
Gold Member

Mesaje Mesaje : 116
Credite Credite : 147
Reputatie : 0
Varsta Varsta : 23

http://tutorials-own.forumhit.ro/

Sus In jos

Re: Tutorial - Personalizare Pop-UP de conexiune phpBB2 si punBB [Forumgratuit.ro]

Mesaj Scris de Clik la data de Vin Aug 12, 2011 2:42 am

Arata foarte bine !
Bravo !
avatar
Clik
Membru DesignART
Membru DesignART

Mesaje Mesaje : 38
Credite Credite : 50
Reputatie : 0
Varsta Varsta : 20
Localizare Localizare : Oradea

http://www.gamez-muzica.forumz.ro

Sus In jos

Re: Tutorial - Personalizare Pop-UP de conexiune phpBB2 si punBB [Forumgratuit.ro]

Mesaj Scris de Paul la data de Vin Aug 12, 2011 2:47 am

Felicitarile mele pentru acest pop!
avatar
Paul
Moderator
Moderator

Mesaje Mesaje : 231
Credite Credite : 245
Reputatie : 3
Varsta Varsta : 24
Localizare Localizare : Paris

http://designart.forumhit.ro/

Sus In jos

Re: Tutorial - Personalizare Pop-UP de conexiune phpBB2 si punBB [Forumgratuit.ro]

Mesaj Scris de Continut sponsorizat


Continut sponsorizat


Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus


 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum