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 phpBB3 [Forumgratuit.ro]

+11
[WTF]DeDe ;o3
Pacooo
ShaReMan
Senzation White
BODO
pxp.n0limit
Bogdanell ;x
Aleku
paull
[x]sTyL[e]
Zeus
15 participanți

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

In jos

Tutorial - Personalizare Pop-UP de conexiune phpBB3 [Forumgratuit.ro] Empty Tutorial - Personalizare Pop-UP de conexiune phpBB3 [Forumgratuit.ro]

Mesaj Scris de Zeus Sam Iun 11, 2011 6:06 am

Tutorial - Personalizare Pop-UP de conexiune phpBB3


Salutare tuturor !
Pe forumul de suport exista cateva tutoriale pentru personalizarea pop-up-ului de conexiune,insa nu pentru phpBB3 si nu cu un anumit design,de aceea m-am gandit sa va arat cum anume sa creati un pop-up elegant si atragator !
-In acest tutorial o sa construim pop-up-ul din imaginea de mai jos:
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

Sa incepem !
1. Intrati in PA => General => Forum => Configurare => Pop-up de conexiune si efectuati setarile din imaginea de mai jos:
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]
***Continutul ferestrei pop-up nu accepta decat BBcode !

2.Dupa ce ati efectuat setarile din imagine,ati adaugat mesajele voastre catre vizitatori si ati dat INREGISTRARE, este timpul pentru a va personaliza fereastra pop-up:
Intrati in PA => Afisare => Imagini si Culori => Culori => Foaie de stil CSS => CSS si adaugati urmatorul cod:
Cod:

/*----------------------Inceput-POP-UP--by-DesignART----------------------------*/
#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;
   font-size: 1.2em;
   }

#login_popup input.button2 {
        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 .h3 {
   margin:0 0 6px;
   padding:0 0 6px;
   }
#login_popup_buttons {
   position:absolute;
   bottom:6px;
   right:6px;
   }
#login_popup_buttons input {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
   margin-left:6px;
   }
/*----------------------Sfarsit-POP-UP--by-DesignART----------------------------*/

Apasati butonul 'Valideaza' si asta este tot !
***Pentru a vizualiza noua fereastra Pop-up trebuie sa stergeti Cookies pe forum !



***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 BODO | DesignART
***Important !
Reproducerea si/sau copierea acestui tutorial NU este permisa fara acordul postatorului !
Zeus
Zeus
Administrator
Administrator

Mesaje Mesaje : 610
Credite Credite : 817
Reputatie : 6
Varsta Varsta : 29

Sus In jos

Tutorial - Personalizare Pop-UP de conexiune phpBB3 [Forumgratuit.ro] Empty Re: Tutorial - Personalizare Pop-UP de conexiune phpBB3 [Forumgratuit.ro]

Mesaj Scris de [x]sTyL[e] Sam Iun 11, 2011 6:15 am

Acest pop-up se poate aplica si pe paginile HTML Smile
[x]sTyL[e]
[x]sTyL[e]
Administrator
Administrator

Mesaje Mesaje : 504
Credite Credite : 560
Reputatie : 0
Localizare Localizare : Suceava

http://www.epicart.forumhit.ro

Sus In jos

Tutorial - Personalizare Pop-UP de conexiune phpBB3 [Forumgratuit.ro] Empty Re: Tutorial - Personalizare Pop-UP de conexiune phpBB3 [Forumgratuit.ro]

Mesaj Scris de paull Sam Iun 11, 2011 8:08 am

Foarte folositor. Multumesc mult :*
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 phpBB3 [Forumgratuit.ro] Empty Re: Tutorial - Personalizare Pop-UP de conexiune phpBB3 [Forumgratuit.ro]

Mesaj Scris de Aleku Dum Iun 12, 2011 4:00 am

Foarte frumos, mulţumim Bodo.
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 phpBB3 [Forumgratuit.ro] Empty Re: Tutorial - Personalizare Pop-UP de conexiune phpBB3 [Forumgratuit.ro]

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

mie mi-a fost de folos. Merci Wink
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 phpBB3 [Forumgratuit.ro] Empty Re: Tutorial - Personalizare Pop-UP de conexiune phpBB3 [Forumgratuit.ro]

Mesaj Scris de pxp.n0limit Mar Iun 14, 2011 12:12 am

IMi place :X la nebunie
pxp.n0limit
pxp.n0limit
Membru Nou
Membru Nou

Mesaje Mesaje : 4
Credite Credite : 4
Reputatie : 0
Varsta Varsta : 33

Sus In jos

Tutorial - Personalizare Pop-UP de conexiune phpBB3 [Forumgratuit.ro] Empty Re: Tutorial - Personalizare Pop-UP de conexiune phpBB3 [Forumgratuit.ro]

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

Arata frumos acel pop-up, se vede ca esti priceput in acest domeniu. Smile
BODO
BODO
Membru Onorific
Membru Onorific

Mesaje Mesaje : 327
Credite Credite : 406
Reputatie : 0

Sus In jos

Tutorial - Personalizare Pop-UP de conexiune phpBB3 [Forumgratuit.ro] Empty Re: Tutorial - Personalizare Pop-UP de conexiune phpBB3 [Forumgratuit.ro]

Mesaj Scris de Senzation White Mar Iun 14, 2011 9:12 am

E marfa rau acel pop-up, mi-ai dat o idee buna :X pe care am si aplicat-o daca mai stai putiiinnn pe css-ul acelui pop-up o sa iasa ceva extraordinar Razz.

Bafta si merci! cheers
Senzation White
Senzation White
Membru DesignART
Membru DesignART

Mesaje Mesaje : 12
Credite Credite : 14
Reputatie : 0
Varsta Varsta : 34

Sus In jos

Tutorial - Personalizare Pop-UP de conexiune phpBB3 [Forumgratuit.ro] Empty Re: Tutorial - Personalizare Pop-UP de conexiune phpBB3 [Forumgratuit.ro]

Mesaj Scris de ShaReMan Dum Iun 19, 2011 9:35 am

Foarte frumos BODO felicitari si tineo tot asa !
ShaReMan
ShaReMan
Membru DesignART
Membru DesignART

Mesaje Mesaje : 31
Credite Credite : 49
Reputatie : 0
Varsta Varsta : 29

Sus In jos

Tutorial - Personalizare Pop-UP de conexiune phpBB3 [Forumgratuit.ro] Empty Re: Tutorial - Personalizare Pop-UP de conexiune phpBB3 [Forumgratuit.ro]

Mesaj Scris de Pacooo Mier Iun 29, 2011 12:23 am

Foarte frumos si mia fost de mare ajutor Wink
Tine-o tot asa BODO!
Pacooo
Pacooo
Membru DesignART
Membru DesignART

Mesaje Mesaje : 47
Credite Credite : 68
Reputatie : 0
Varsta Varsta : 32

http://www.getdesign.forumz.ro

Sus In jos

Tutorial - Personalizare Pop-UP de conexiune phpBB3 [Forumgratuit.ro] Empty Re: Tutorial - Personalizare Pop-UP de conexiune phpBB3 [Forumgratuit.ro]

Mesaj Scris de [WTF]DeDe ;o3 Joi Iun 30, 2011 12:22 am

mia fost de folos multumesc
[WTF]DeDe ;o3
[WTF]DeDe ;o3
Membru Nou
Membru Nou

Mesaje Mesaje : 3
Credite Credite : 5
Reputatie : 0
Varsta Varsta : 27

http://...

Sus In jos

Tutorial - Personalizare Pop-UP de conexiune phpBB3 [Forumgratuit.ro] Empty Re: Tutorial - Personalizare Pop-UP de conexiune phpBB3 [Forumgratuit.ro]

Mesaj Scris de Dystroy Joi Iun 30, 2011 9:27 am

Un tutorial extrem de folositor.Pe multe forumuri am vazut un astfel de Pop-Up si chiar am vrut sa il incerc si eu.Felicitari BODO !
Dystroy
Dystroy
Membru DesignART
Membru DesignART

Mesaje Mesaje : 51
Credite Credite : 67
Reputatie : 0
Varsta Varsta : 29
Localizare Localizare : Pe glob

https://designart.catsboard.com

Sus In jos

Tutorial - Personalizare Pop-UP de conexiune phpBB3 [Forumgratuit.ro] Empty Re: Tutorial - Personalizare Pop-UP de conexiune phpBB3 [Forumgratuit.ro]

Mesaj Scris de denisdeni22 Sam Aug 27, 2011 3:01 am

o sa-l folosesc si eu
denisdeni22
denisdeni22
Membru DesignART
Membru DesignART

Mesaje Mesaje : 98
Credite Credite : 36
Reputatie : 3
Varsta Varsta : 28
Localizare Localizare : Pascani

http://junktutorials.wikiforum.ro/

Sus In jos

Tutorial - Personalizare Pop-UP de conexiune phpBB3 [Forumgratuit.ro] Empty Re: Tutorial - Personalizare Pop-UP de conexiune phpBB3 [Forumgratuit.ro]

Mesaj Scris de Edge Sam Aug 27, 2011 3:11 am

denisdeni22, te rog să comentezi în minim 5 cuvinte, altfel se consideră spam. Mulţumesc!
avatar
Edge
Administrator
Administrator

Mesaje Mesaje : 528
Credite Credite : 702
Reputatie : 3
Varsta Varsta : 28
Localizare Localizare : Resita

https://designart.catsboard.com/

Sus In jos

Tutorial - Personalizare Pop-UP de conexiune phpBB3 [Forumgratuit.ro] Empty Re: Tutorial - Personalizare Pop-UP de conexiune phpBB3 [Forumgratuit.ro]

Mesaj Scris de dynamiccs Joi Sept 01, 2011 5:13 am

Foarte frumos Popu
dynamiccs
dynamiccs
Membru DesignART
Membru DesignART

Mesaje Mesaje : 39
Credite Credite : 49
Reputatie : 0

https://designart.catsboard.com/

Sus In jos

Tutorial - Personalizare Pop-UP de conexiune phpBB3 [Forumgratuit.ro] Empty Re: Tutorial - Personalizare Pop-UP de conexiune phpBB3 [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