[Th3Dan]

Hallo,

ich möchte rechts oben im Header einen Link zu meinem Shop einfügen.

Also habe ich fein säuberlich in der Sprachdatei dafür einen Menüpunkt angelegt und im Template meines Designs den Link eingefügt

Code:

<li><a href="{$mybb->settings['bburl']}/newpoints.php?action=shop"><img src="{$theme['imgdir']}/icons/forums.png" alt="" title="Shop" />{$lang->toplinks_shop}</a></li>

Das Ergebnis ist aber alles andere als Zufriedenstellend, es zerschießt mir die ganze Navileiste im Header

   

Mir scheint der passt die Länge der Leiste nicht der Anzahl der Buttons an.

Ich dachte zuerst dass ich etwas falsch mache, daher habe ich gegoogelt und bin auf folgendes Tutorial gestossen: http://mcompute.co.uk/showthread.php?tid=382

Dort wird es gleich gemacht wie von mir, auf dem Screen sind aber auch nur 6 Links drauf - heißt das ich kann nicht mehr wie 6 Links einfügen?
Anpassen eines vorhandenen Links ist ja kein Problem, aber ich würde gerne einen extra Punkt dazusetzen, für den dann auch ein eigenes Icon erstellt wird.

Theoretisch muss doch irgendwo festgelegt sein ab welchem Punkt die Navi anfängt, eigentlich müsste ich doch diesen Wert nur anpassen und eben ein bisschen weiter nach links setzen sodass der Hilfebutton noch drauf passt?!

[StefanT]

Ein Link zu deinem Forum wäre hilfreich.

[Assaki]

Du kannst einfach den Button nach links setzten, dann verschiebt sich alles nach links mit.

[linwinman]

Hallo Th3Dan,

wenn du das Theme "DarkFusion" verwendest, versuche es einmal mit dieser Anpassung:

ersetze in "global.css"

Code:

.menu {
    width: 540px;
    padding-right: 20px;
}

.menu ul {
    width: 540px;
    float: right;
    color: #fff;
    font-weight: bold;
    text-align: right;
}

durch

Code:

.menu {
    width: 540px;
}

.menu ul {
    width: 570px;
    padding: 0 20px 0 0;
    float: right;
    color: #fff;
    font-weight: bold;
    text-align: right;
}

[Th3Dan]

Hallo Th3Dan,

wenn du das Theme "DarkFusion" verwendest, versuche es einmal mit dieser Anpassung:

ersetze in "global.css"

Code:

.menu {
    width: 540px;
    padding-right: 20px;
}

.menu ul {
    width: 540px;
    float: right;
    color: #fff;
    font-weight: bold;
    text-align: right;
}

durch

Code:

.menu {
    width: 540px;
}

.menu ul {
    width: 570px;
    padding: 0 20px 0 0;
    float: right;
    color: #fff;
    font-weight: bold;
    text-align: right;
}

Mit den Änderungen funktioniert es leider nicht, ich kann damit die Leiste zwar länger machen, der letzte Punkt reiht sich aber trotzdem nicht automatisch ein.

Deine Idee hat mir aber auf den entscheidenden Hinweis gegeben den ich brauchte. Es genügt den Parameter Breite etwas zu erhöhen, dann passt das ganze.

Trotzdem Danke