MyBB.de Forum

Normale Version: Oberes Menü aus Buttons
Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
Hallo,
ich will den Text vom oberen Menü (Suche, Mitglieder...) durch Buttons ersetzen.
Wie kann ich das machen?


mfg
Du kannst den HTML-Code im Template header bearbeiten und die Texte durch Grafiken ersetzen.
Im Template Manager hab ich das Template "Header" ausgewählt und geöffnet.
Da ist folgender Code drin:

Code:
<a name="top" id="top"></a>
    <div id="container">
        <div id="header">
            <div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" /></a></div>
            <div class="menu">
                <ul>
                    <li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$theme['imgdir']}/toplinks/search.gif" alt="" />{$lang->toplinks_search}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$theme['imgdir']}/toplinks/memberlist.gif" alt="" />{$lang->toplinks_memberlist}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/calendar.php"><img src="{$theme['imgdir']}/toplinks/calendar.gif" alt="" />{$lang->toplinks_calendar}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$theme['imgdir']}/toplinks/help.gif" alt="" />{$lang->toplinks_help}</a></li>
                </ul>
            </div>
            <hr class="hidden" />
            <div id="panel">
                {$welcomeblock}
            </div>
        </div>
        <hr class="hidden" />
        <br class="clear" />
        <div id="content">
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
            <navigation>
            <br class="clear" />

Was muss ich da jetzt löschn?
Ok ich habs schon Danke!
Beispiel für den Such-Button:

Suchen:
Code:
<li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$theme['imgdir']}/toplinks/search.gif" alt="" />{$lang->toplinks_search}</a></li>
Ersetzen durch:
Code:
<li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$theme['imgdir']}/toplinks/search.gif" alt="" /></a></li>
Ersetze die Datei images/toplinks/search.gif durch den gewünschten Button.
Ok, mein oberes Menü besteht jetzt aus 3 Buttons, wie kann ich die etwas weiter zusammenschieben?
Das hängt davon ab, warum die weiter auseinander sind. Poste bitte mal einen Link.
Hier ist der Link: www.scootertuning.at.tf

Ich glaub die sind wegen einstellungen zu weit auseinander.
Ich hab extra darauf geachtet das die Buttons keinen Rand haben.
Gehe in die Einstellungen deines Themen und da in die Box für das obere Menü. Suche dort nach:
Code:
padding: 2px;
Ersetzen durch:
Code:
padding: 0px;
Öffne dann die Einstellungen des Master Styles und gehe ganz unten in die Box für zusätzliches CSS. Suche dort nach:
Code:
.menu li {
    display: inline;
    padding-left: 5px;
}

.menu img {
    padding-right: 5px;
    vertical-align: top;
}
Ersetzen durch:
Code:
.menu li {
    display: inline;
    padding-left: 0px;
}

.menu img {
    padding-right: 0px;
    vertical-align: top;
}
Hey, super!
Danke für deine Hilfe!