MyXoops Forum

Forum - myXOOPS German Support

2 + 9 = ?  
Geben Sie die Zeichenfolge aus dem Bild ein
Sie haben max. 10 Versuche.
 

Aw:: Banner Position ändern

Betreff: Aw:: Banner Position ändern
von alian am 15.01.2010 22:57:45

theme.html:
......
<
div id="xo-header" class="<{$xoops_dirname}>">
  <{if 
$xoops_banner and $xoops_banner != '&nbsp;'}>
  <{
includeq file="$theme_name/xobanner_commercial.html"}>
  <{else}>
  <{
includeq file="$theme_name/xobanner.html"}>
  <{/if}>
  <!-- include 
navigation bar -->
  <{
includeq file="$theme_name/globalnav.html"}>
</
div>
........
xobanner.html:
<div id="xo-banner" class="<{$xoops_dirname}>">  <a id="xo-main-logo" href="<{xoAppUrl /}>"><img src="<{xoImgUrl img/header-logo.png}>" alt="<{$xoops_sitename}>" /></a>   <!-- include userbar -->  <{includeq file="$theme_name/userbar.html"}> </div>
xobanner_commercial.html
<div id="xo-banner" class="commercial">     <a id="xo-main-logo" class="commercial" href="<{xoAppUrl /}>" title=""><img src="<{xoImgUrl img/header-logo_big.png}>" alt="<{$xoops_sitename}>" /></a>   <{if $xoops_banner and $xoops_banner != '&nbsp;'}>  <div id="xo-banner-ad"><{$xoops_banner|smarty:nodefaults}></div>  <{/if}>   <!-- include userbar -->  <{includeq file="$theme_name/userbar.html"}> </div>
hier sind code in style.css:
/* ============== header ================= */
#xo-header {}

/* ---------- Banner ---------- */
#xo-banner {
        
clearboth;
        
/* Use relative pos to ensure the banner ad img/flash is relative to the header */
        
positionrelative;
        
displayblock;
        
z-index80;
        
width100%;
        
height100px;
 
margin5px 0 0 0;
        
background#550011 url(../img/header-bg.jpg) no-repeat top center;
        
color#fafafa;
}

#xo-banner.commercial {
        
height100px;
        
background-imageurl(../img/header-bg_big.jpg);
        
backgroundtransparent;
}
/*
#xo-banner-ad {
}  */

#xo-banner-ad object, #xo-banner-ad img {
    
displayblock;
}

/*---------------------- Site name in header ----------------------------*/
#xo-site-title {}
a#xo-site-title {}
a:hover#xo-site-title {}
#xo-site-title.commercial {}
#xo-site-title .commercial a:hover {}
/*----------------------- slogan in header ------------------------*/
#xo-site-slogan {}
#xo-site-slogan.commercial {}
/*------------------------ logo ----------------------------*/
#xo-main-logo {
         
positionrelative;
         
top20px;
         
backgroundtransparent no-repeat top left;
         
padding-left40px;
         
color#fff;
   
width160px;
   
height50px;
}
#xo-main-logo.commercial {}
/*-------- Bannder-----------*/
#xo-banner form {}
#xo-banner input { width: 150px; }