[Athlon]

Hallo,
ich will den Text vom oberen Menü (Suche, Mitglieder...) durch Buttons ersetzen.
Wie kann ich das machen?


mfg

[Michael]

Du kannst den HTML-Code im Template header bearbeiten und die Texte durch Grafiken ersetzen.

[Athlon]

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?

[Athlon]

Ok ich habs schon Danke!

[Michael]

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.

[Athlon]

Ok, mein oberes Menü besteht jetzt aus 3 Buttons, wie kann ich die etwas weiter zusammenschieben?

[Mak]

Das hängt davon ab, warum die weiter auseinander sind. Poste bitte mal einen Link.

[Athlon]

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.

[Michael]

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;
}

[Athlon]

Hey, super!
Danke für deine Hilfe!