Bonjour,
Je viens de découvrir un problème lors de l'affichage d'une bannière Google Ads dans le header, vous pouvez bien le voir dans
dans cette image.
Pour le résoudre donc, vous devez modifier 2 fichiers:
- Le 1er est xotpl/xobbaner_commercial.html
- Le 2ème est css/style.css
>> Concernant le 1er fichier, remplacez
<table>
<tr>
<td id="header-l"></td>
<td id="header-c">
<table>
<tr>
<td id="xo-site-title" class="commercial"><a href="<{xoAppUrl /}>" title="<{$xoops_sitename}>"><{$xoops_sitename}></a></td>
</tr>
<tr>
<td id="xo-main-logo" class="commercial"><a href="<{xoAppUrl /}>"><img src="<{xoImgUrl img/logo-xoops.png}>" alt="<{$xoops_sitename}>" /></a></td>
</tr>
<tr>
<td id="xo-site-slogan" class="commercial"><{$xoops_slogan}></td>
</tr>
<div id="xo-banner-ad"><{$xoops_banner|smarty:nodefaults}></div>
</table>
</td>
<td id="header-r"></td>
</tr>
</table>
Par:
<div id="header-c">
<div id="header-l"></div>
<div id="header-r"></div>
<div id="xo-site-title" class="commercial"><a href="<{xoAppUrl /}>" title="<{$xoops_sitename}>"><{$xoops_sitename}></a></div>
<div id="xo-site-slogan" class="commercial"><{$xoops_slogan}></div>
<div id="xo-main-logo" class="commercial"><a href="<{xoAppUrl /}>"><img src="<{xoImgUrl img/logo-xoops.png}>" alt="<{$xoops_sitename}>" /></a></div>
<div id="xo-banner-ad"><{$xoops_banner|smarty:nodefaults}></div>
</div>
>> Et concernant le 2ème fichier, remplacez:
#header-l {
background:url("../img/tetiere_left.png") no-repeat left;
width:20px;
height:194px;
margin:0;
padding:0;
}
#header-c {
background:url("../img/tetiere_center.png") repeat center;
height:194px;
margin:0;
padding:0;
}
#header-r {
background:url("../img/tetiere_right.png") no-repeat right;
width:19px;
height:194px;
margin:0;
padding:0;
}
par:
#header-l {
background:url("../img/tetiere_left.png") no-repeat left;
float: left;
width:20px;
height:194px;
margin:0;
padding:0;
}
#header-c {
background:url("../img/tetiere_center.png") repeat center;
height:194px;
margin:0;
padding:0;
}
#header-r {
background:url("../img/tetiere_right.png") no-repeat right;
float: right;
width:19px;
height:194px;
margin:0;
padding:0;
}
et
#xo-main-logo {
position:absolute;
width:auto;
background:inherit;
z-index:13;
padding:50px 0 0 40px;
}
par
#xo-main-logo {
position: absolute;
top: 80px;
left: 80px;
background:transparent;
}
A la fin de ces modifications, vous aurez un résultat comme ceci:
Cliquez-ici pour afficher l'image.
@++
