[Assaki]

Hallo,
ich möchte mein Forum Header ein wenig verändern, leider weiß ich selber nicht mehr weiter.

So sieht es im Moment aus und so möchte ich es haben:
   

Ich hoffe ihr seht was ich will.

Ich möchte, dass das Bild rechts in die Mitte kommt und dafür der Verlauf und links hin kommt. Also soll außen an beiden Seiten der normale Verlauf und in der Mitte dieser Erhöhung. (im Moment rechts)


Ich habe keine Ahnung, wie ich das anstellen soll, hier der CSS Code:

PHP-Code:

.header {
    background: #070707 url(images/darkfusion/style/header_bg.png) bottom left repeat;
    text-align: center; 
        width: 100%;
    height: 144px;
}

.header_right {
    background: url(images/darkfusion/style/header_right.png) top right no-repeat;
    height: 96px;
        width: 530px;
        padding-top: 50px;
        padding-right: 20px;
        float: right;
}

.header_in {
    margin: auto auto;
}

.logo {
    float: left;
        margin-top: 40px;
        margin-left: 20px;
} 


Und hier der Template Code:

PHP-Code:

<a name="top" id="top"></a>
<div id="panel">{$welcomeblock}</div>
<br><br>

<div class="header_right">
<div class="menu">
<ul>
<li><a href="{$mybb->settings['bburl']}/portal.php" class="portal"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/icons/home.png" alt="" title="" />{$lang->toplinks_portal}</a></li>
<li><a href="{$mybb->settings['bburl']}/index.php" class="index"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/icons/forums.png" alt="" title="" />Forums</a></li>
<li><a href="{$mybb->settings['bburl']}/search.php" class="search"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/icons/search.png" alt="" title="" />{$lang->toplinks_search}</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php" class="members"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/icons/memberlist.png" alt="" title="" />Members</a></li>
<li><a href="{$mybb->settings['bburl']}/calendar.php" class="calendar"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/icons/calendar.png" alt="" title="" />{$lang->toplinks_calendar}</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/icons/help.png" alt="" title="" />{$lang->toplinks_help}</a></li>
</ul>
</div>
</div>
</div>

<div class="header">
<div class="header_in">
<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
            
</div>
</div>
</div> 


Wichtig:
header_bg= der normale Verlauf
header_right.png= die Erhöhung
header_left.png= die Erhöhung wo der Verlauf wieder ins normale geht.

[Assaki]

Andere Frage:

Wie würde der CSS und Template Code aussehen, wenn in der Mitte des Header (center) ein Bild soll und außen von beiden Seiten (right, left) ein kurze Verlauf wiederholend in der x-Achse.