page login

rectification css
This commit is contained in:
Nicolas Michard
2008-02-16 15:16:07 +00:00
parent f31e946d2d
commit de2991b335
7 changed files with 133 additions and 29 deletions

View File

@@ -9,7 +9,7 @@ disclaimer.link.about=About
################### ###################
# LOGIN FORM # LOGIN FORM
login.title=Login and/or create a new user login.title=Create an user or log in
login.btn.connexion=Connexion login.btn.connexion=Connexion
login.btn.logout=Logout login.btn.logout=Logout
login.field.login=Login login.field.login=Login

View File

@@ -6,38 +6,73 @@
<h4 class="title"><fmt:message key="login.title" /></h4> <h4 class="title"><fmt:message key="login.title" /></h4>
<c:if test="${not empty param.login_error}"> <c:if test="${not empty param.login_error}">
<div class="login_error"> <p class="errorBox">
<fmt:message key="login.message.error" /><br /><br /> <fmt:message key="login.message.error" /><br /><br />
</div> </p>
</c:if><br /> </c:if>
<br />
<table width="100%"> <table width="100%">
<tr><td width="50%"> <tr>
<div class="cbb"> <td class="newuser"><div class="titleLogin"><fmt:message key="login.label.createnewuser" /></div></td>
<h2><fmt:message key="login.label.createnewuser" /></h2> <td class="existingaccount"><div class="titleLogin"><fmt:message key="login.label.alreadyaccount" /></div></td>
<fmt:message key="login.label.createaccount" /><br /> </tr>
<a href="registerUser.htm"><fmt:message key="login.label.register" /></a>
</div>
</td><td> <tr>
<div class="cbb"> <td valign="top" width="50%">
<h2><fmt:message key="login.label.alreadyaccount" /> :</h2>
<form action="<c:url value='j_acegi_security_check'/>" method="POST" id="mainformlogin">
<fmt:message key="login.label.login" /> : <input id="username" type='text' name='j_username' /><br />
<fmt:message key="login.label.password" /> : <input id="password" type='password' name='j_password' /><br />
<input type="checkbox" name="_acegi_security_remember_me"/>&nbsp;&nbsp;<fmt:message key='login.label.rememberme' /><br />
<br /><br /> <p class="content_login">
<a href="javascript:document.getElementById('mainformlogin').submit();" id="submit_btn"><fmt:message key="login.btn.connexion" /></a> <fmt:message key="login.label.createaccount" />
<script type="text/javascript"> new LoginManager('username', 'password');</script> </p>
</form> <center><a class="register_link" href="registerUser.htm">
<div class="yacos_button"> <fmt:message key="login.label.register" />
<a href="<c:url value="/forgotPassword.htm"/>"> </a></center>
</td>
<td>
<form action="<c:url value='j_acegi_security_check'/>" method="POST" id="formlogin">
<table class="content_table">
<tr>
<td width="100" align="left">
<fmt:message key="login.label.login" />
</td>
<td align="left" width="200">
<input id="username" type='text' name='j_username' />
</td>
</tr>
<tr>
<td align="left">
<fmt:message key="login.label.password" />
</td>
<td align="left">
<input id="password" type='password' name='j_password' />
</td>
</tr>
<tr>
<td align="left">
<fmt:message key='login.label.rememberme' />
</td>
<td align="left">
<input type="checkbox" name="_acegi_security_remember_me"/>&nbsp;&nbsp;
</td>
</tr>
<tr>
<td colspan="2" align="right">
<a href="<c:url value="/forgotPassword.htm"/>" class="forgot_pwd">
<fmt:message key="login.label.forgotPasswordHeading"/> <fmt:message key="login.label.forgotPasswordHeading"/>
</a> </a>
</div> </td>
</div> </tr>
</table>
</form>
<br />
<center><a class="submit_link" href="javascript:document.getElementById('formlogin').submit();">
<fmt:message key="login.btn.connexion" />
</a></center>
<script type="text/javascript"> new LoginManager('username', 'password');</script>
</td></tr> </td></tr>
</table> </table>

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

View File

@@ -202,10 +202,79 @@ textarea {
color: #333; color: #333;
} }
/* @group Account Login */
.newuser {
background: url(../images/user_card_add.png) no-repeat left top;
height: 48px;
}
.existingaccount {
background: url(../images/user_card_locked.png) no-repeat left top;
height: 48px;
}
div .titleLogin{
color: #847d6e;
margin-left: 60px;
margin-top: 10px;
font-weight: bold;
}
p.content_login {
color: #847d7d;
margin-bottom: 15px;
}
a.register_link {
text-decoration: none;
padding-right: 50px;
background: url(../images/button_follow_32x32.png) no-repeat right top;
padding-top: 10px;
padding-bottom: 10px;
color: #008281;
font-weight: bold;
}
a.register_link:hover {
color: #003e82;
}
a.submit_link{
text-decoration: none;
padding-right: 50px;
background: url(../images/button_follow_32x32.png) no-repeat right top;
padding-top: 10px;
padding-bottom: 10px;
color: #008281;
font-weight: bold;
}
a.submit_link:hover{
color: #003e82;
}
a.forgot_pwd {
text-decoration: none;
font-size: smaller;
color: #008281;
}
a.forgot_pwd:hover {
color: #003e82;
}
table.content_table {
color: #847d7d;
margin-left: 10px;
width: 300px;
}
/* @end */
/* @group mainmenu */ /* @group mainmenu */
#main #mainmenu { #main #mainmenu {
width: 150px; width: 150px;
float: left; float: left;
} }
@@ -274,7 +343,7 @@ textarea {
#maincontent > * { #maincontent > * {
margin-top: 10px; margin-top: 10px;
margin-right: 10px; margin-right: 20px;
} }
#main #maincontent h4.title { #main #maincontent h4.title {