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 !


Alăturați-vă forumului, este rapid și ușor

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 !
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

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

+7
BeHappy
BaDiiDoL
BODO
Bogdanell ;x
Aleku
BoGdDy
Mr.Ben
11 participanți

 :: DesignART - Resurse :: Tutoriale :: Tutoriale Css, Html si JavaScript

In jos

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

Mesaj Scris de Vizitato 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: [Trebuie sa fiti inscris si conectat pentru a vedea acest link]


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 [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

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


Sus In jos

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

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

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

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

Sus In jos

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

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

Multumesc mult Emanuel
BoGdDy
BoGdDy
Membru Onorific
Membru Onorific

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

http://codingart.forumhit.ro/

Sus In jos

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

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

Mulţumim Emanuel.
Aleku
Aleku
Gold Member
Gold Member

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

http://edtutorials.forumz.ro/

Sus In jos

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

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

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

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

http://www.trafictv.wikiforum.ro

Sus In jos

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

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

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

Mesaje Mesaje : 327
Credite Credite : 406
Reputatie : 0

Sus In jos

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

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

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

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

http://diavolarii.forumz.ro

Sus In jos

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

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

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

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

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

Sus In jos

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

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

mersi Smile
Irian
Irian
Membru DesignART
Membru DesignART

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

Sus In jos

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

Mesaj Scris de paull 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.
paull
paull
Gold Member
Gold Member

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

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

Sus In jos

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

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

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

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

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

Sus In jos

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

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

Felicitarile mele pentru acest pop!
Paul
Paul
Moderator
Moderator

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

https://designart.catsboard.com/

Sus In jos

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

Mesaj Scris de Continut sponsorizat


Continut sponsorizat


Sus In jos

Sus

- Subiecte similare

 :: DesignART - Resurse :: Tutoriale :: Tutoriale Css, Html si JavaScript

 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum