MyBB.de Forum
Theme verbesserung - Druckversion

+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Theme verbesserung (/thread-23517.html)



Theme verbesserung - Assaki - 13.07.2011

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-aligncenter
        
width100%;
    
height144px;
}

.
header_right {
    
backgroundurl(images/darkfusion/style/header_right.pngtop right no-repeat;
    
height96px;
        
width530px;
        
padding-top50px;
        
padding-right20px;
        
floatright;
}

.
header_in {
    
marginauto auto;
}

.
logo {
    
floatleft;
        
margin-top40px;
        
margin-left20px;


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.




RE: Theme verbesserung - Assaki - 14.07.2011

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.