Bonsoir
Vous devez principalement agir sur le fichier style.css
Citation :#wrapper {
/*width: 1000px;*/
width: 100%;
margin: auto;
padding: 10px;
margin-top: 20px;
}
Citation :#header {
/*width: 980px;*/
width: 100%;
height: 150px;
background: url(../images/header.png);
padding: 10px 10px 10px 11px;
}
Citation :#navigation {
/*margin-top: 54px;*/
margin: 54px 15px 0 15px;
/*background: url(../images/bg-nav.png);*/
background: url(../images/bg-nav.png) repeat-x top left;
/*width: 979px;*/
width: 100%;
float: left;
height: 28px;
border-top: 2px solid #CCC;
border-bottom: 2px solid #CCC;
}
Citation :#contentWrapper, #contentWrapper1, #contentWrapper2, #contentWrapper3 {
/*width: 970px;*/
margin: 0 15px;
padding: 5px 15px 5px 15px;
/*background: url(../images/bg-contentWrapper.png);*/
border: 1px solid #741414;
}
Citation :#contentWrapper1 #content {
float: left;
/*width: 550px;*/
padding: 5px;
}
#contentWrapper2 #content {
float: left;
/*width: 750px;*/
padding: 5px;
}
#contentWrapper3 #content {
float: right;
/*width: 750px;*/
padding: 5px;
}
Citation :#contentWrapper1 #centerblocks .centerblocks-center {
/*width: 550px;*/
margin-bottom: 10px;
}
#contentWrapper2 #centerblocks .centerblocks-center {
/*width: 750px;*/
margin-bottom: 10px;
}
#contentWrapper3 #centerblocks .centerblocks-center {
/*width: 750px;*/
margin-bottom: 10px;
}
Citation :
#footer {
background: url(../images/bg-footer.png);
text-align: center;
/*width: 1000px;*/
width: 100%;
height: 15px;
}
#xo-logger-output {
/*width: 1010px;*/
width: 100%;
margin: auto;
}
Ces modifications sont indicatives : elles vous montrent où il faut intervenir. Il y a certainement d'autres fichiers à modifier (images, fichier theme.html, ...).
Si cela s'avère trop compliqué, pourquoi ne pas partir d'un thème plus simple. Il existe des gabarits plus ou moins complexes sur cette page :
http://sourceforge.net/projects/xoofo ... hemes/interface_publique/(xoops_thm_simple, xoops_thm_xdt_standard_v1.0, ...)