Login Box

Scris de Matei la data de Sam Mar 13, 2010 3:08 am

Aceasta casuta cu login am facut-o pentru index-uri sau sabloane . Este transparenta si de aceea necesita sa aveti o imagine de fundal. Am sa pun un preview cu exemplu :

Previzualizare

Codurile mai jos :

Varianta pentru pagini html fara css din origine:

Cod:: <div style="width: 187px; height: 214px; background: url(http://i66.servimg.com/u/f66/13/46/75/82/110.png) no-repeat;"> <form action="login.forum?connexion" method="post"> <table border="0" align=center style="margin-top: 0px;"><tr><td> <p style="margin-left: 12px; color: white; font-weight: 700; font-size: 13px; font-family: arial; margin-bottom: -5px;">Utilizator: </p> <input style="color: #333333; background: transparent url(http://i66.servimg.com/u/f66/13/46/75/82/2__310.png) no-repeat; width: 173px; height: 34px; border: none; padding-left: 12px; padding-right: 12px; padding-top: 7px; margin-bottom: 0px;" name="username" size="15" maxlength="40" type="text" autocomplete="off"></input></td></tr><tr><td> <p style="margin-left: 12px; color: white; font-weight: 700; font-size: 13px; font-family: arial; margin-bottom: -5px;">Parola: </p> <input style="color: #333333; background: transparent url(http://i66.servimg.com/u/f66/13/46/75/82/2__310.png) no-repeat; width: 173px; height: 34px; border: none; padding-left: 12px; padding-right: 12px; padding-top: 7px;" name="password" size="15" maxlength="40" type="password" autocomplete="off"></input></td></tr><br /> <tr align="center"><td colspan="2" ><input style="display: inline; float: right; margin-right: 7px; margin-top: 5px; cursor: pointer; background: url(http://i66.servimg.com/u/f66/13/46/75/82/410.png) no-repeat; width: 98px; height: 25px; border: none;" name="login" value=" " type="submit"></input> </td></tr></table></form> <a style="color: white; font-weight: 700; font-size: 14px; font-family: arial; text-decoration: none; margin-left: 13px;" href="/profile.forum?mode=sendpassword">Mi-am uitat parola</a> </div>

Varianta pentru spatii din pagini ce contin css din origine:

Cod:: <div style="width: 187px; height: 214px; background: url(http://i66.servimg.com/u/f66/13/46/75/82/110.png) no-repeat;"> <form action="login.forum?connexion" method="post"> <table border="0" align=center style="margin-top: 0px;"><tr><td> <p style="margin-left: 12px; color: white; font-weight: 700; font-size: 13px; font-family: arial; margin-bottom: -5px;">Utilizator: </p> <input style="color: #333333; background: transparent url(http://i66.servimg.com/u/f66/13/46/75/82/2__310.png) no-repeat; width: 173px; height: 34px; border: none; padding-left: 12px; padding-right: 12px; padding-top: 7px; margin-bottom: 0px;" name="username" size="15" maxlength="40" type="text" autocomplete="off"></input></td></tr><tr><td> <p style="margin-left: 12px; color: white; font-weight: 700; font-size: 13px; font-family: arial; margin-bottom: -5px;">Parola: </p> <input style="color: #333333; background: transparent url(http://i66.servimg.com/u/f66/13/46/75/82/2__310.png) no-repeat; width: 173px; height: 34px; border: none; padding-left: 12px; padding-right: 12px; padding-top: 7px;" name="password" size="15" maxlength="40" type="password" autocomplete="off"></input></td></tr><br /> <tr align="center"><td colspan="2" ><input style="display: inline; float: right; margin-right: 32px; margin-top: 5px; cursor: pointer; background: url(http://i66.servimg.com/u/f66/13/46/75/82/410.png) no-repeat; width: 98px; height: 25px; border: none;" name="login" value=" " type="submit"></input> </td></tr></table></form> <br> <a style="color: white; font-weight: 700; font-size: 14px; font-family: arial; text-decoration: none; margin-left: 13px;" href="/profile.forum?mode=sendpassword">Mi-am uitat parola</a> </div>

Design by Matei & Coded by darkspectre