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 != ' '}>
<{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 != ' '}> <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 {
clear: both;
/* Use relative pos to ensure the banner ad img/flash is relative to the header */
position: relative;
display: block;
z-index: 80;
width: 100%;
height: 100px;
margin: 5px 0 0 0;
background: #550011 url(../img/header-bg.jpg) no-repeat top center;
color: #fafafa;
}
#xo-banner.commercial {
height: 100px;
background-image: url(../img/header-bg_big.jpg);
background: transparent;
}
/*
#xo-banner-ad {
} */
#xo-banner-ad object, #xo-banner-ad img {
display: block;
}
/*---------------------- 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 {
position: relative;
top: 20px;
background: transparent no-repeat top left;
padding-left: 40px;
color: #fff;
width: 160px;
height: 50px;
}
#xo-main-logo.commercial {}
/*-------- Bannder-----------*/
#xo-banner form {}
#xo-banner input { width: 150px; }
| 
