Changement Architecture de la page. Disclaimer-Menu
@@ -1,5 +1,10 @@
|
|||||||
title=Yacos
|
title=Yacos
|
||||||
|
|
||||||
|
###################
|
||||||
|
# DISCLAIMER
|
||||||
|
disclaimer.text=Copyrights <20> 2008. Yacos Team. All rights reserved.
|
||||||
|
disclaimer.link.about=About
|
||||||
|
|
||||||
submission.title=Article's submission
|
submission.title=Article's submission
|
||||||
|
|
||||||
form.submission.article.title=Article's title
|
form.submission.article.title=Article's title
|
||||||
|
|||||||
@@ -1,10 +1,14 @@
|
|||||||
|
<%@ include file="/WEB-INF/decorators/include.jsp"%>
|
||||||
|
|
||||||
|
|
||||||
<html>
|
<html>
|
||||||
<head></head>
|
<head></head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<!-- Footer with credits -->
|
<!-- Footer with credits -->
|
||||||
<div id="globalfooter">
|
<div id="globalfooter">
|
||||||
Copyright Yacos Team 2008
|
<hr />
|
||||||
|
<fmt:message key="disclaimer.text" /> - <a href="#"><fmt:message key="disclaimer.link.about" /></a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
@@ -1,15 +1,14 @@
|
|||||||
<%@ include file="/WEB-INF/decorators/include.jsp"%>
|
<%@ include file="/WEB-INF/decorators/include.jsp"%>
|
||||||
|
|
||||||
|
|
||||||
<html>
|
<html>
|
||||||
<head></head>
|
<head></head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<!-- containerheader -->
|
<!-- containerheader -->
|
||||||
<div id="containerheader">
|
<div id="header">
|
||||||
<div id="leftdescription">
|
<div id="logoimage"><img src="./images/logo-yacos.png" alt="Logo Yacos Image" /></div>
|
||||||
<p>Application pour gérer les conférences. Outil libre dans le programme universitaire</p>
|
<div id="bar">
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="rightchoice">
|
<div id="rightchoice">
|
||||||
|
|
||||||
<c:choose>
|
<c:choose>
|
||||||
@@ -24,6 +23,8 @@
|
|||||||
</c:choose>
|
</c:choose>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
<div id="rightborder"></div>
|
||||||
|
</div>
|
||||||
</div><!--containerheader-->
|
</div><!--containerheader-->
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
@@ -1,15 +0,0 @@
|
|||||||
<html>
|
|
||||||
<head></head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<!-- Globar bar navigation -->
|
|
||||||
<div id="globalheader">
|
|
||||||
<ul id="globalnav">
|
|
||||||
<li><a href="#">HOME</a></li>
|
|
||||||
<li><a href="#">INFOS</a></li>
|
|
||||||
<li><a href="#">POST</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
13
YACOSWeb/WebContent/WEB-INF/decorators/headeruser.jsp
Normal file
@@ -0,0 +1,13 @@
|
|||||||
|
<%@ include file="/WEB-INF/decorators/include.jsp"%>
|
||||||
|
|
||||||
|
<html>
|
||||||
|
<head></head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- User Information -->
|
||||||
|
<div id="userlogin">
|
||||||
|
|
||||||
|
User Login
|
||||||
|
</div><!-- User Information -->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -15,14 +15,18 @@
|
|||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<!-- headermenu -->
|
<!-- Container -->
|
||||||
<div><page:applyDecorator name="empty" page="/WEB-INF/decorators/headermenu.jsp" /></div>
|
|
||||||
|
|
||||||
<!-- Main bloc -->
|
|
||||||
<div id="container">
|
<div id="container">
|
||||||
|
|
||||||
<!-- main header with choice conference -->
|
<div id="logotexte"><img src="./images/logo-yacos-texte.png" alt="Logo Yacos Texte" /></div>
|
||||||
<page:applyDecorator name="empty" page="/WEB-INF/decorators/headermainchoice.jsp" />
|
|
||||||
|
<!-- User Information -->
|
||||||
|
<page:applyDecorator name="empty" page="/WEB-INF/decorators/headeruser.jsp" />
|
||||||
|
|
||||||
|
<!-- headermenu -->
|
||||||
|
<page:applyDecorator name="empty" page="/WEB-INF/decorators/headerchoose.jsp" />
|
||||||
|
|
||||||
|
<!-- Main bloc -->
|
||||||
|
|
||||||
<div id="main">
|
<div id="main">
|
||||||
|
|
||||||
@@ -36,10 +40,11 @@
|
|||||||
|
|
||||||
</div><!--maincontent-->
|
</div><!--maincontent-->
|
||||||
</div><!--main-->
|
</div><!--main-->
|
||||||
</div><!--container-->
|
|
||||||
|
|
||||||
<!-- footer -->
|
<!-- footer -->
|
||||||
<div><page:applyDecorator name="empty" page="/WEB-INF/decorators/footer.jsp" /></div>
|
<page:applyDecorator name="empty" page="/WEB-INF/decorators/footer.jsp" />
|
||||||
|
|
||||||
|
</div><!--container-->
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
Before Width: | Height: | Size: 830 B |
|
Before Width: | Height: | Size: 142 B |
|
Before Width: | Height: | Size: 920 B |
|
Before Width: | Height: | Size: 939 B |
BIN
YACOSWeb/WebContent/images/header-background-repeat.png
Normal file
|
After Width: | Height: | Size: 183 B |
BIN
YACOSWeb/WebContent/images/header-right-border.png
Normal file
|
After Width: | Height: | Size: 340 B |
BIN
YACOSWeb/WebContent/images/logo-yacos-texte.png
Normal file
|
After Width: | Height: | Size: 12 KiB |
BIN
YACOSWeb/WebContent/images/logo-yacos.png
Normal file
|
After Width: | Height: | Size: 47 KiB |
|
Before Width: | Height: | Size: 131 B |
|
Before Width: | Height: | Size: 353 B |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 39 KiB |
@@ -3,7 +3,7 @@
|
|||||||
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
|
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
|
||||||
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
|
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
|
||||||
ul,ol { list-style: none; }
|
ul,ol { list-style: none; }
|
||||||
img { border: none; }
|
fieldset,img { border: none; }
|
||||||
caption,th { text-align: left; }
|
caption,th { text-align: left; }
|
||||||
table { border-collapse: collapse; border-spacing: 0; }
|
table { border-collapse: collapse; border-spacing: 0; }
|
||||||
|
|
||||||
@@ -12,81 +12,72 @@ table { border-collapse: collapse; border-spacing: 0; }
|
|||||||
body {
|
body {
|
||||||
color:#333;
|
color:#333;
|
||||||
font: 12px/18px "Ludida Grande", Geneva, Arial, Verdana, sans-serif;
|
font: 12px/18px "Ludida Grande", Geneva, Arial, Verdana, sans-serif;
|
||||||
background: #fff url(images/background-repeat.png) repeat-x scroll left top;
|
background: #fff url(../images/background-repeat.png) repeat-x scroll left top;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* @group globalHeader */
|
|
||||||
|
|
||||||
#globalheader {
|
|
||||||
width: 980px;
|
|
||||||
height: 38px;
|
|
||||||
margin: 18px auto;
|
|
||||||
position: relative;
|
|
||||||
z-index: 9998;
|
|
||||||
background-color: #ceffeb;
|
|
||||||
}
|
|
||||||
|
|
||||||
#globalheader #globalnav {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#globalheader #globalnav li {
|
|
||||||
display: inline;
|
|
||||||
}
|
|
||||||
|
|
||||||
#globalheader #globalnav li a {
|
|
||||||
float: left;
|
|
||||||
width: 117px;
|
|
||||||
height: 0;
|
|
||||||
padding-top:10px;
|
|
||||||
padding-right: 0px;
|
|
||||||
background-color: #40ff8f;
|
|
||||||
text-decoration: none;
|
|
||||||
color: #3800ff;
|
|
||||||
font-size: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* @end */
|
|
||||||
|
|
||||||
#container {
|
#container {
|
||||||
width: 980px;
|
width: 980px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
position: relative;
|
position: relative;
|
||||||
background-color: #f7fbff;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* @group containerheader */
|
#userlogin{
|
||||||
|
background-color: #28fffd;
|
||||||
#containerheader {
|
margin-left: 500px;
|
||||||
background-color: #ff9b9b;
|
height: 100px;
|
||||||
padding: 8px;
|
|
||||||
position: relative;
|
|
||||||
height: 70px;
|
|
||||||
margin-bottom: 15px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#containerheader #leftdescription {
|
/* @group header */
|
||||||
width: 280px;
|
|
||||||
background-color: #ff4e47;
|
#header {
|
||||||
|
width: 980px;
|
||||||
|
margin: 0 auto 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header #logoimage img{
|
||||||
|
width: 190px;
|
||||||
|
height: 210px;
|
||||||
|
z-index: 1;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#logotexte img{
|
||||||
float: left;
|
float: left;
|
||||||
|
width: 304px;
|
||||||
|
height: 78px;
|
||||||
|
margin-left: 170px;
|
||||||
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#containerheader #leftdescription p {
|
#header #bar{
|
||||||
font-size: x-small;
|
width: 880px;
|
||||||
|
display: table;
|
||||||
|
margin-left: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#containerheader #rightchoice {
|
#header #bar #rightchoice {
|
||||||
background-color: #da1107;
|
height: 70px;
|
||||||
margin-left: 300px;
|
width: 874px;
|
||||||
|
background: url(../images/header-background-repeat.png) repeat-x;
|
||||||
|
display: table-cell;
|
||||||
|
padding-left: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#header #bar #rightborder {
|
||||||
|
width: 6px;
|
||||||
|
height: 70px;
|
||||||
|
background: url(../images/header-right-border.png) no-repeat left top;
|
||||||
|
display: table-cell;
|
||||||
|
}
|
||||||
/* @end */
|
/* @end */
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
#main {
|
#main {
|
||||||
|
|
||||||
position: relative;
|
position: relative;
|
||||||
background-color: #8bff74;
|
/*background-color: #8bff74;*/
|
||||||
padding: 15px 0 0;
|
padding: 15px 0 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: table;
|
display: table;
|
||||||
@@ -139,7 +130,7 @@ body {
|
|||||||
/* @group maincontent */
|
/* @group maincontent */
|
||||||
|
|
||||||
#main #maincontent {
|
#main #maincontent {
|
||||||
background-color: #f5e5ff;
|
/*background-color: #f5e5ff;*/
|
||||||
margin-left: 160px;
|
margin-left: 160px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -148,12 +139,28 @@ body {
|
|||||||
/* @group globalfooter */
|
/* @group globalfooter */
|
||||||
|
|
||||||
#globalfooter {
|
#globalfooter {
|
||||||
width: 980px;
|
|
||||||
height: 38px;
|
|
||||||
margin: 18px auto;
|
margin: 18px auto;
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 9998;
|
color: #b8b8b8;
|
||||||
background-color: #ff7eff;
|
font-size: 8px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#globalfooter a{
|
||||||
|
color: #b8b8b8;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#globalfooter a:hover{
|
||||||
|
color: #555;
|
||||||
|
}
|
||||||
|
|
||||||
|
#globalfooter hr{
|
||||||
|
width: 80%;
|
||||||
|
border : 0;
|
||||||
|
background-color: #D1CACA;
|
||||||
|
height: 1px;
|
||||||
|
color: #898989;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* @end */
|
/* @end */
|
||||||
|
|||||||