re,
ben non c'était pas bon ce que je disais au dessus, mais là je pense avoir trouvé, pas besoin de modifier le fichier blue.css
- modifier theme.html comme indiqué
- modifier style.css
* {
padding: 0px;
margin: 0px;
}
body {
padding-top: 20px;
margin: 0 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #003800;
background-repeat: repeat;
}
.wrapper {
display: block;
width: 990px;
margin-left: auto;
margin-right: auto;
background-image: url(../visual/APH002gr_09.jpg);
height: auto;
}
.header {
color: #FFFFFF;
text-align: left;
width: 990px;
height: 297px;
padding: 5px 0;
margin-left: auto;
margin-right: auto;
background-image: url('../visual/APH002gr_08.jpg');
background-repeat: no-repeat;
}
.header h1{
font-size:36px;
padding-top: 20px;
padding-left: 25px;
font-family: Arial, "MS Sans Serif";
font-weight: bold;
}
.header h2{
font-size:24px;
padding-top: 20px;
padding-left: 25px;
font-family: Arial, "MS Sans Serif";
font-weight: bold;
}
.header h3{
font-size:18px;
padding-top: 155px;
padding-left: 25px;
font-family: Arial, "MS Sans Serif";
font-weight: bold;
}
.left {
width: 175px;
margin-top: 10px;
margin-left: 14px;
font-size: 12px;
float: left;
height: auto;
}
.right {
width: 175px;
margin-top: 0px;
font-size: 12px;
position: absolute;
margin-left:800px;
top: 410px;
height: auto;
}
.left h2 {
font-size: 13px;
text-align: center;
background-image: url('../visual/APH002-lrtl.jpg');
background-repeat: no-repeat;
color: #FFFFFF;
height:40px;
}
.right h2 {
font-size: 13px;
padding-top: 12px;
text-align: center;
background-image: url('../visual/APH002-rltl.jpg');
background-repeat: no-repeat;
color: #FFFFFF;
height:37px;
}
.left p {
font-size: 10px;
padding: 10px 5px 10px 5px;
}
.left .infobox {
margin-top: 10px;
}
.right .infobox {
margin-top: 10px;
}
.left .infobox .stuff{
margin-top: 10px;
margin-left: 10px;
font-size: 12px;
}
.right .infobox .stuff{
margin-top: 10px;
font-size: 12px;
margin-left: 10px;
}
.left .infobox .active {
background: transparent;
color: #EDBF00;
border-left: 4px solid #EDBF00;
}
.left .infobox h2 {
padding-top: 10px;
padding-right: 5px;
background-image: url('../visual/APH002-lrtl.jpg');
background-repeat: no-repeat;
color: #FFFFFF;
}
.left .infobox ul {
list-style-type: none;
padding-left: 5px;
margin-bottom: 5px;
line-height: 100%;
}
.left .infobox ul li a {
list-style-type: none;
color: silver;
background:transparent;
font-size: 12px;
line-height: 120%;
padding-left: 10px;
text-decoration: none;
border-left: 4px solid #C6E535;
}
.left .infobox ul li a:hover {
color: #EDBF00;
border-left: 4px solid #EDBF00;
}
.left .infobox a {
list-style-type: none;
color: #2a6c9d;
background:transparent;
font-size: 11px;
line-height: 120%;
padding-left: 10px;
text-decoration: none;
}
.left .infobox a:hover {
color: #000000;
}
.right .infobox a {
list-style-type: none;
color: #2a6c9d;
background:transparent;
font-size: 11px;
line-height: 120%;
padding-left: 10px;
text-decoration: none;
}
.right .infobox a:hover {
color: #000000;
}
.center {
float: right;
font-size: 12px;
width: 760px;
margin-top: 10px;
margin-right: 17px;
height: auto;
}
.cont div{
position: relative;
height: auto;
}
.cont{
float: right;
width: 750px;
margin-top: 10px;
margin-left: 17px;
margin-right: 17px;
height: auto;
}
.contr{
float: left;
width: 570px;
font-size: 12px;
margin-top: 10px;
height: auto;
}
.centerr {
float: right;
width: 760px;
margin-top: 10px;
margin-right: 17px;
height: auto;
}
.center .post {
padding: 0 0 5px 0;
margin-bottom: 0px;
margin-left: 10px;
margin-top: 10px;
border: 3px solid silver;
width: 730px;
float: left;
}
.centerr .post {
padding: 0 0 5px 0;
margin-bottom: 0px;
margin-left: 10px;
margin-top: 10px;
border: 3px solid silver;
width: 550px;
float: left;
}
.center .post .stuff, .centerr .post .stuff, .center .post1 .stuff,.center .post2 .stuff, .center .post3 .stuff, .center .post4 .stuff, .center .post5 .stuff, .centerr .post5 .stuff, .centerr .post4 .stuff, .centerr .post3 .stuff, .centerr .post2 .stuff, .centerr .post1 .stuff{
font-size: 12px;padding: 10px;
}
.center .post1 {
padding: 0 0 5px 0;
margin-top: 10px;
margin-bottom: 0px;
margin-right: auto;
margin-left: 10px;
border: 3px solid silver;
width: 354px;
float: left;
}
.centerr .post1 {
padding: 0 0 5px 0;
margin-top: 10px;
margin-bottom: 0px;
margin-right: auto;
margin-left: 10px;
border: 3px solid silver;
width: 265px;
float: left;
}
.center .post2 {
padding: 0 0 5px 0;
margin-top: 10px;
margin-bottom: 0px;
margin-right: auto;
margin-left: 15px;
border: 3px solid silver;
width: 354px;
float: left;
}
.centerr .post2 {
padding: 0 0 5px 0;
margin-top: 10px;
margin-bottom: 0px;
margin-right: auto;
margin-left: 15px;
border: 3px solid silver;
width: 265px;
float: left;
}
.center .post h2 {
height: 40px;
padding-top: 10px;
padding-left: 10px;
color: #000;
font-size: 18px;
}
.center .post1 h2 {
height: 40px;
padding-top: 10px;
color: #000;
font-size: 18px;
padding-left: 10px;
}
.center .post2 h2 {
height: 40px;
padding-top: 10px;
padding-left: 10px;
color: #000;
font-size: 18px;
}
.center .post3 h2 {
height: 40px;
padding-top: 10px;
padding-left: 10px;
color: #000;
font-size: 18px;
}
.center .post4 h2 {
height: 40px;
padding-top: 10px;
color: #000;
font-size: 18px;
padding-left: 10px;
}
.center .post5 h2 {
height: 40px;
padding-top: 10px;
padding-left: 10px;
color: #000;
font-size: 18px;
}
.centerr .post h2 {
height: 40px;
padding-top: 10px;
padding-left: 10px;
color: #000;
font-size: 18px;
}
.centerr .post1 h2 {
height: 40px;
padding-top: 10px;
color: #000;
font-size: 18px;
padding-left: 10px;
}
.centerr .post2 h2 {
height: 40px;
padding-top: 10px;
padding-left: 10px;
color: #000;
font-size: 18px;
}
.centerr .post3 h2 {
height: 40px;
padding-top: 10px;
padding-left: 10px;
color: #000;
font-size: 18px;
}
.centerr .post4 h2 {
height: 40px;
padding-top: 10px;
color: #000;
font-size: 18px;
padding-left: 10px;
}
.centerr .post5 h2 {
height: 40px;
padding-top: 10px;
padding-left: 10px;
color: #000;
font-size: 18px;
}
.center .post3 {
padding: 0 0 5px 0;
margin-bottom: 0px;
margin-left: 10px;
margin-top: 20px;
border: 3px solid silver;
width: 730px;
float: left;
}
.centerr .post3 {
padding: 0 0 5px 0;
margin-bottom: 0px;
margin-left: 10px;
margin-top: 20px;
border: 3px solid silver;
width: 550px;
float: left;
}
.center .post4 {
padding: 0 0 5px 0;
margin-bottom: 20px;
margin-top: 10px;
margin-right: auto;
margin-left: 10px;
border: 3px solid silver;
width: 354px;
float: left;
}
.centerr .post4 {
padding: 0 0 5px 0;
margin-bottom: 20px;
margin-top: 10px;
margin-right: auto;
margin-left: 10px;
border: 3px solid silver;
width: 265px;
float: left;
}
.center .post5 {
padding: 0 0 5px 0;
margin-bottom: 20px;
margin-top: 10px;
margin-right: auto;
margin-left: 15px;
border: 3px solid silver;
width: 354px;
float: left;
}
.centerr .post5 {
padding: 0 0 5px 0;
margin-bottom: 20px;
margin-top: 10px;
margin-right: auto;
margin-left: 15px;
border: 3px solid silver;
width: 265px;
float: left;
}
.center .post p {
line-height: 15px;
padding: 10px;
font-size: 12px;
}
.center .post1 p {
line-height: 15px;
padding: 10px;
font-size: 12px;
}
.center .post2 p {
line-height: 15px;
padding: 10px;
font-size: 12px;
}
.center .post3 p {
line-height: 15px;
padding: 10px;
font-size: 12px;
}
.center .post4 p {
line-height: 15px;
padding: 10px;
font-size: 12px;
}
.center .post5 p {
line-height: 15px;
padding: 10px;
font-size: 12px;
}
.center .post ul {
padding: 2%;
padding-left: 10%;
}
.footer {
color: #000000;
clear: both;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
width: 990px;
min-height: 20px;
margin-right: auto;
margin-left: auto;
text-transform: uppercase;
font-size: 10px;
background-image: url(../visual/APH002gr_10.jpg);
background-repeat: no-repeat;
}
.footer a {
color: #2a6c9d;
}
.footer a:hover {
color: #000000;
}
a {color: #2a6c9d; text-decoration: none; font-weight: bold; background-color: transparent;}
a:hover {
color: #000000;
text-decoration: none;
}
.clear {
clear: both;
}
img {
border: 0px;
}
/***** XOOPS ICMS MENUS *****/
#mainmenu {}
#mainmenu a { display: block; margin: 0; padding: 4px;}
#mainmenu a:hover {text-transform:uppercase;}
#mainmenu a.menuTop {padding-left: 3px; }
#mainmenu a.menuMain {padding-left: 3px;}
#mainmenu a.menuSub {padding-left: 9px;}
#usermenu a {display: block; margin: 0; padding: 4px;}
#usermenu a:hover {text-transform:uppercase;}
#usermenu a.menuTop {}
#usermenu a.highlight {}
/***** XOOPS ICMS CORE STUFF *****/
.item {border: 1px solid #cccccc;}
.itemHead {padding: 3px; background-color: #003800; color: #FFFFFF;}
.itemInfo {text-align: right; padding: 3px; background-color: #efefef}
.itemTitle a {font-size: 130%; font-weight: bold; font-variant: small-caps; color: #ffffff; background-color: transparent;}
.itemPoster {font-size: 90%; font-style:italic;}
.itemPostDate {font-size: 90%; font-style:italic;}
.itemStats {font-size: 90%; font-style:italic;}
.itemBody {padding-left: 5px;}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
.itemText:first-letter {font-size: 133%; font-weight: bold;}
.itemFoot {text-align: right; padding: 3px; background-color: #efefef}
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%;}
.outer {border: 1px solid #5382b7;}
.head {background-color: #e3e9ef; padding: 5px; font-weight: bold;}
.even {background-color: #bfd1ed; padding: 5px;color: #fff}
.odd {background-color: #6e93ca; padding: 5px;color: #fff}
.foot {background-color: #e3e9ef; padding: 5px; font-weight: bold;}
tr.even td {background-color: #bfd1ed; padding: 5px;}
tr.odd td {background-color: #6e93ca; padding: 5px;}
table {width: 100%;text-align: left;}
table td {padding: 0; border-width: 0; vertical-align: top;font-size: 12px;font-family: /*"lucida sans unicode",*/Verdana, Arial, Helvetica, sans-serif;}
th {background-image: url(../visual/tl.jpg);background-repeat: repeat-x; color: #000;height: 30px; padding : 2px; vertical-align : middle; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14px}
#centercolumn th {background-image: url(visual/sdbg.png);background-repeat: repeat-x; color: #FFFFFF;vertical-align: middle;}
div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.resultMsg { background-color : #CCCCCC; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;}
div.xoopsCode { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}
div.xoopsQuote { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}
/* XOOPS ICMS SPECIFIC DATA */
/* forms elements */
input { border: 1px solid #CCCCCC;font-size: 11px; font-family: verdana, arial, helvetica, sans-serif; color: #333333; background-color: #ffffff;padding-left:3px;background-color: #f7f7f7;}
textarea {background-color: #f7f7f7;color: #333333; border: #CCCCCC 1px solid; width: 430px; font-size: 11px; font-family: verdana, arial, helvetica, sans-serif;}
select {border: 1px solid #CCCCCC; font-size: 11px; font-family: verdana, arial, helvetica, sans-serif;}
.formButton {}
input:focus, textarea:focus{background-color: #ffffff;border: 1px solid #9f9f9f;}
/* End of XOOPS-ICMS data */
/* Header Menu */
.hlinks {
text-align: center;
padding-top: 30px;
}
#aphmenu {
position:relative;
left:0px;
top:0px;
width:990px;
height:70px;
}
#APH002-01_ {
position:absolute;
background-image: url(../visual/APH002gr_01.jpg);
left:0px;
top:0px;
width:31px;
height:70px;
}
#APH002-02_ a{
position:absolute;
background-image: url(../visual/APH002gr_02.jpg);
left:31px;
top:0px;
width:125px;
height:70px;
}
#APH002-02_ a:hover{
position:absolute;
background-image: url(../visual/APH002ghv_02.jpg);
left:31px;
top:0px;
width:125px;
height:70px;
}
#APH002-03_ a{
position:absolute;
background-image: url(../visual/APH002gr_03.jpg);
left:156px;
top:0px;
width:125px;
height:70px;
}
#APH002-03_ a:hover{
position:absolute;
background-image: url(../visual/APH002ghv_03.jpg);
left:156px;
top:0px;
width:125px;
height:70px;
}
#APH002-04_ a{
position:absolute;
background-image: url(../visual/APH002gr_04.jpg);
left:281px;
top:0px;
width:124px;
height:70px;
}
#APH002-04_ a:hover{
position:absolute;
background-image: url(../visual/APH002ghv_04.jpg);
left:281px;
top:0px;
width:124px;
height:70px;
}
#APH002-05_ a{
position:absolute;
background-image: url(../visual/APH002gr_05.jpg);
left:405px;
top:0px;
width:125px;
height:70px;
}
#APH002-05_ a:hover{
position:absolute;
background-image: url(../visual/APH002ghv_05.jpg);
left:405px;
top:0px;
width:125px;
height:70px;
}
#APH002-06_ a{
position:absolute;
background-image: url(../visual/APH002gr_06.jpg);
left:530px;
top:0px;
width:125px;
height:70px;
}
#APH002-06_ a:hover{
position:absolute;
background-image: url(../visual/APH002ghv_06.jpg);
left:530px;
top:0px;
width:125px;
height:70px;
}
#APH002-07_ {
position:absolute;
background-image: url(../visual/APH002gr_07.jpg);
left:655px;
top:0px;
width:335px;
height:70px;
}
#APH002-08_ {
position:absolute;
left:0px;
top:70px;
width:990px;
height:297px;
}
#APH002-09_ {
position:absolute;
left:0px;
top:367px;
width:990px;
height:529px;
}
#APH002-10_ {
position:absolute;
left:0px;
top:896px;
width:990px;
height:36px;
}
- modifier aph002preloads.js
<!--//
//pre loader
newimage0 = new Image();
newimage0.src = "<{xoImgUrl visual/APH002bhv_06.jpg}>";
newimage1 = new Image();
newimage1.src = "<{xoImgUrl visual/APH002bhv_05.jpg}>";
newimage2 = new Image();
newimage2.src = "<{xoImgUrl visual/APH002bhv_04.jpg}>";
newimage3 = new Image();
newimage3.src = "<{xoImgUrl visual/APH002bhv_03.jpg}>";
newimage4 = new Image();
newimage4.src = "<{xoImgUrl visual/APH002bhv_02.jpg}>";
newimage5 = new Image();
newimage5.src = "<{xoImgUrl visual/APH002ghv_06.jpg}>";
newimage6 = new Image();
newimage6.src = "<{xoImgUrl visual/APH002ghv_05.jpg}>";
newimage7 = new Image();
newimage7.src = "<{xoImgUrl visual/APH002ghv_04.jpg}>";
newimage8 = new Image();
newimage8.src = "<{xoImgUrl visual/APH002ghv_03.jpg}>";
newimage9 = new Image();
newimage9.src = "<{xoImgUrl visual/APH002ghv_02.jpg}>";
newimage10 = new Image();
newimage10.src = "<{xoImgUrl visual/APH002rhv_06.jpg}>";
newimage11 = new Image();
newimage11.src = "<{xoImgUrl visual/APH002rhv_05.jpg}>";
newimage12 = new Image();
newimage12.src = "<{xoImgUrl visual/APH002rhv_04.jpg}>";
newimage13 = new Image();
newimage13.src = "<{xoImgUrl visual/APH002rhv_03.jpg}>";
newimage14 = new Image();
newimage14.src = "<{xoImgUrl visual/APH002rhv_02.jpg}>";
newimage15 = new Image();
newimage15.src = "<{xoImgUrl visual/APH002ghv_06.jpg}>";
newimage16 = new Image();
newimage16.src = "<{xoImgUrl visual/APH002ghv_05.jpg}>";
newimage17 = new Image();
newimage17.src = "<{xoImgUrl visual/APH002ghv_04.jpg}>";
newimage18 = new Image();
newimage18.src = "<{xoImgUrl visual/APH002ghv_03.jpg}>";
newimage19 = new Image();
newimage19.src = "<{xoImgUrl visual/APH002ghv_02.jpg}>";
newimage20 = new Image();
newimage20.src = "<{xoImgUrl visual/APH002gy_08.jpg}>";
newimage21 = new Image();
newimage21.src = "<{xoImgUrl visual/APH002gr_08.jpg}>";
newimage22 = new Image();
newimage22.src = "<{xoImgUrl visual/APH002rd_08.jpg}>";
newimage23 = new Image();
newimage23.src = "<{xoImgUrl visual/APH002gr_08.jpg}>";
//-->