Ultimele subiecte
» [All Version] Social Link/Icons
Scris de Jean01Crv 13/10/2014, 12:52 pm

» (pHpBB3) Legenda : Sistem Nou
Scris de Jean01Crv 13/10/2014, 12:49 pm

» Imagine la Statistici & Cine este Conectat ? [pHpBB3]
Scris de Jean01Crv 13/10/2014, 12:44 pm

» Statistici - Sistem Nou [pHpBB3]
Scris de Jean01Crv 13/10/2014, 12:20 pm

» [Prezentare]Chozen
Scris de valyd1971 16/5/2014, 12:54 am

Vizitator Vizitator
Cine este conectat?
In total sunt 5 utilizatori conectati: 0 Inregistrati, 0 Invizibil si 5 Vizitatori

Nici unul

[ Vizualizeaza toata lista ]


Recordul de utilizatori conectati a fost de 42, 1/11/2012, 8:58 am

(All Version) Login Box

Vezi subiectul anterior Vezi subiectul urmator In jos

(All Version) Login Box

Mesaj Scris de StaarK* For EvEr la data de 4/11/2012, 12:51 am

Buna Ziua,
Astazi ma gandit sa va arat cum puteti realiza un Login box pentru versiunea phpbb3.
Sa incepem.
Pasul 1. (JS)
ACP > Module > HTML & JAVASCRIPT > Gestiunea codurilor JavaScript > Creati un nou JavaScript
Title: Login Box
Amplsare: Toate Paginile
Cod JS:
Cod:
$(function() {
$('li:contains(Conectare)').replaceWith('<li><a class="mainmenu" id="login" href="#" rel="nofollow"><img id="i_icon_mini_login" src="http://illiweb.com/fa/empty.gif" border="0" hspace="2" alt="Log in" title="Log in">Conectare</a>  </li>');
$('head').append('<div id="panel"><div class="inner"><form action="/login.forum" method="post"><table cellspacing="1" cellpadding="3" border="0"><tbody><tr><td width="45%" align="right"> Username:</td><td><input type="text" name="username" size="25" maxlength="40" /></td></tr><tr><td align="right">Password:</td><td><input type="password" name="password" size="25" maxlength="32" /></td></tr><tr align="center"><td colspan="2">Log me on automatically each visit: <input type="checkbox" name="autologin" checked="true" /></td></tr><tr align="center"><td colspan="2"><input type="submit" class="mainoption" name="login" value="Log in" /></td></tr></tbody></table></form></div></div>'); $('#login').click(function(e) {
$('#panel').appendTo('li:contains(Conectare)', function(e) {
$('#panel').toggle(); });}); })
(windows);

Pasul 2.
ACP > Afisare > Imagini si Culori > Culori > Foaia de stil CSS
Cod:
#panel {
margin-left: 34%;
background: #E4EFF3;
width: 30%;
border: 1px double #2597CC;
color: #7AC;
padding: 5px;
border-radius: 3px;
}

#panel input {
padding: 3px 6px;
border: 1px solid #CCC;
background: #FCFCFC!important;
border-radius: 3px;
}

Enjoy.
Dovada :
1. (Inainte de click)
2. (Dupa click)

Tutorial relizat de InFeRn0.
Reproducerea acestui tutorial nu este posibila fara acordul nostru, in conformitate cu articolul L122-1 apartinand ICC.


Ultima editare efectuata de catre InFeRn0 in 4/11/2012, 1:08 am, editata de 1 ori


Do not judge me for what I do, do not judge me for what I do!
Cee I did was a mother first but now changed!
Sincerely Extream-Suport Team
avatar
StaarK* For EvEr
Administrator


Vezi profilul utilizatorului

Sus In jos

Re: (All Version) Login Box

Mesaj Scris de Micky. la data de 4/11/2012, 12:56 am

Imi place, cred ca il voi pune si la mine pe Forum Smile
avatar
Micky.
Client


Vezi profilul utilizatorului

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum