» 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

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 : 8087
Data inscrierei Data inscrierei : 11/06/2011
Like : 14

http://advance-tutorials.forumz.ro

Sus In jos

Sus

- Subiecte similare

 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum