3
I managed to do what I wanted but in a different way. I'll explain. In the file there xobanner.html code
<div id="xo-banner" class="<{$xoops_dirname}>">
So I created a class # xo-banner.news module for my news and new a new div for xo-main-logo and it works flawless
<div id="xo-banner" class="<{$xoops_dirname}>">
<a href="<{xoAppUrl /}>"><img src="<{xoImgUrl img/heade.png}>" alt="<{$xoops_sitename}>" /></a>
<a id="xo-main-logo" href="<{xoAppUrl /}>"><img src="<{xoImgUrl img/header-logo.png}>" alt="<{$xoops_sitename}>" /></a>
<{if $xoops_dirname =="news"}>
<a id="xo-main-logo2" href="<{xoAppUrl /}>modules/xdonations"><img src="<{xoImgUrl img/header-logo.png}>" alt="<{$xoops_sitename}>" /></a>
<{/if}>
css :#xo-banner.news {
clear: both;
/* Use relative pos to ensure the banner ad img/flash is relative to the header */
position: relative;
z-index: 100;
width: 100%;
height: 160px;
background:#FFF url(../img/Bandeau-blog.jpg) repeat-x left bottom;
color: #7BADEA;
}
#xo-banner {
clear: both;
/* Use relative pos to ensure the banner ad img/flash is relative to the header */
position: relative;
z-index: 100;
width: 100%;
height: 160px;
background:#FFF url(../img/header-bg.png) repeat-x left bottom;
color: #7BADEA;
}
#xo-main-logo {
float: right;
}
#xo-main-logo2 {
float: right;
position: relative;
margin-top: -160px;
}