» Bun venit, Vizitator, pe Advance-Tutorials, sperăm ca-ți place acest forum care iți pune la dispoziție o gama largă de tutoriale și resurse pentru webdesign și Forumgratuit.
» Sperăm că vei binevoi să-ți faci cont pe forum pentru a avea aces la toate subiectele forumui.
Numai bine, echipa !
Navigare Rapida
Cei mai activi postatori ai lunii

Ultimele subiecte
» GREEN LANENICU
Lun Mai 16, 2016 6:45 am Scris de Forward

» TEMA GAMING EVOSTRIKE
Lun Mai 16, 2016 6:41 am Scris de Forward

» Orange Board
Lun Mai 16, 2016 6:38 am Scris de Forward

» DreamZone CS 1.6
Lun Mai 16, 2016 6:38 am Scris de Forward

» 1thank
Lun Mai 16, 2016 6:37 am Scris de Forward

» Name Up Avatar (phpBB3)
Vin Apr 26, 2013 6:15 am Scris de Cel mia mare plagiator

» (pHpBB3) Adaugare clasa rang
Vin Apr 26, 2013 6:11 am Scris de Cel mia mare plagiator

» (pHpBB3) Cine e on + Statistici !
Vin Apr 26, 2013 6:07 am Scris de Cel mia mare plagiator

»  [Concurs]Cel mai frumos logo pentru Advance-Tutorials
Lun Apr 01, 2013 4:02 am Scris de TroJaNu4U

jggfvh
Banner Doar la 1euro



(All Version) Login Box

Vezi subiectul anterior Vezi subiectul urmator In jos

(All Version) Login Box

Mesaj Scris de TroJaNu4U la data de Vin Noi 09, 2012 9:59 pm

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. [Trebuie sa fiti înscris şi conectat pentru a vedea această imagine] (Inainte de click)
2. [Trebuie sa fiti înscris şi conectat pentru a vedea această imagine] (Dupa click)

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


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 Advanc-Tutorials Team
avatar
TroJaNu4U
Administratori
Administratori

Mesaje Mesaje : 1306
Bani Bani : 7721
Data inscrierei Data inscrierei : 11/06/2011
Like : 14

http://advance-tutorials.forumz.ro

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus


 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum