Re: [gabarit morphogenesis] Séparation du header | Titre du sujet : Re: [gabarit morphogenesis] Séparation du header par Kris sur 20/02/2007 14:47:46
En vrac, la partie de theme.html :
<div id="xo-banner">
<img src="<{xoImgUrl img/header_left.jpg}>" alt="" class="left" />
<img src="<{xoImgUrl img/header_right.jpg}>" alt="" class="right" />
<!-- <a id="xo-main-logo" href="<{xoAppUrl /}>"><img src="<{xoImgUrl img/header-logo_small.gif}>" alt="<{$xoops_sitename}>" /></a> -->
<div id="xo-site-title"><a href="<{xoAppUrl /}>" title="<{$xoops_sitename}>"><{$xoops_sitename}></a></div>
<div id="xo-site-slogan">"<{$xoops_slogan}>"</div>
<div id="xo-banner-ad"><{$xoops_banner|smarty:nodefaults}></div>
<ul id="xo-globalnav">
<{if !$xoops_isuser}>
<li><a href="<{xoAppUrl modules/contact/}>" title="">Contact</a></li>
<li><a href="<{xoAppUrl modules/myCredits/}>" title="">Crédits</a></li>
<li><a href="<{xoAppUrl modules/google/}>" title="">Google</a></li>
<li><a href="<{xoAppUrl /browser_check/}>" title="">Test Compatibilité Web</a></li>
<{else}>
<li><a href="<{xoAppUrl /}>" title="">Accueil</a></li>
<li><a href="<{xoAppUrl modules/news/}>" title="">News</a></li>
<li><a href="<{xoAppUrl modules/newbb/}>" title="">Forum</a></li>
<li><a href="<{xoAppUrl modules/xcgal/}>" title="">Photos</a></li>
<li><a href="<{xoAppUrl modules/contact/}>" title="">Contact</a></li>
<{/if}>
</ul>
</div>
la partie de style.css :
#xo-banner {
background:#000000 url(img/header_center.jpg) repeat-x top left;
color:#EEE;
height:110px;
margin:0 5px 1px 5px;
padding:0;
clear:both;
}
#xo-banner img.left {
position: absolute;
left: 5%;
}
#xo-banner img.right {
position: absolute;
right: 5%;
}
Avec celà tu devrais t'en sortir
A +
|
|