| [Modification] Bannière Adsense et Kubrickv2 |
Titre du sujet : [Modification] Bannière Adsense et Kubrickv2
par mr-reda04 sur 06/05/2008 16:14:50
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.
@++ 
|
|
