ManumanuAdmin Messages : 6 Date d'inscription : 06/12/2011 Age : 36 | Sujet: Pop-up de connexion 01 Mar 27 Déc - 5:29 | | | - Code:
-
<!-- BEGIN switch_login_popup --> <!-- CRÉÉ PAR : Manumanu (@rhomanu) --> <div id="login_popup"> <table border="0" cellspacing="0" cellpadding="0"> <tr class="titre"> <td>{SITENAME}</td> </tr> <tr class="message"> <td>{LOGIN_POPUP_MSG}</td> </tr> <tr class="boutons"> <td> <form action="{S_LOGIN_ACTION}" method="get"> <input type="submit" class="mainoption" value="{L_LOGIN}" /> <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" /> <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" /> </form> </td> </tr> </table> </div> <!-- END switch_login_popup --> - Code:
-
/*******************************************/ /* CODE DE POP-UP DE CONNEXION /* CRÉÉ PAR : Manumanu (@rhomanu) /*******************************************/ #login_popup > table { background: url("http://img71.xooimage.com/files/d/c/0/poplogin_bg-top-30054ce.png") no-repeat; width: 570px; }
#login_popup .titre td { height: 90px; font: bold italic 25px/1.5em Georgia, Arial, serif; color: #f9f5f1; text-shadow: 0 2px #532831; text-align: center; }
#login_popup .message { background: url("http://img72.xooimage.com/files/4/1/f/poplogin_bg-layout-30054d0.png") repeat-y center top; }
#login_popup .message td { min-height: 60px; display: block; width: 420px; margin: auto; color: #785547; text-align: center; font: 14px "Trebuchet MS", Arial, serif; }
#login_popup .boutons { background: url("http://img69.xooimage.com/files/6/3/6/poplogin_bg-bottom-30054e3.png") no-repeat center bottom; margin-top: -1px; }
#login_popup .boutons td { padding: 15px 0 25px; display: block; width: 430px; margin: auto; text-align: center; }
#login_popup input { background: url("http://img67.xooimage.com/files/d/5/d/poplogin_bg-btn-300545a.png") repeat-x left top; height: 32px; padding: 0 10px; border-radius: 5px; border: 1px solid #5f2d37; box-shadow: 0 1px 0 #928276; color: #edd9c9; text-shadow: 0 1px #532831; font: italic 16px/1.5em Georgia, serif; cursor: pointer; }
#login_popup input + input { margin-left: 5px; }
#login_popup input:hover { background-position: left bottom; color: #f7f0ea; } |
|