MyBB.de Forum

Normale Version: Toplinks als Buttons und Formatieren
Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
Seiten: 1 2
Hallo, auf meiner Seite http://www.e30-portal.de/forum/ unter dem Welcomeblock sind derzeit drei Toplinks. Diese hätte ich gerne Links formatiert.
schon einiges versucht, leider blieben die Toplinks immer rechts.
Desweiteren möchte ich diese Toplinks unter dem Welcomeblock als Buttonleiste so wie es hier auf mybboard.de ist nur halt passend zu meinem Theme. In dem Button soll aber die übliche Grafik und der dazugehörige Text sein.

Wie kann ich das realisieren?
Schumuckl schrieb:Hallo, auf meiner Seite http://www.e30-portal.de/forum/ unter dem Welcomeblock sind derzeit drei Toplinks. Diese hätte ich gerne Links formatiert.
Füge bei "Oberes Menü" in deinem Theme unter Extra-CSS-Attribute folgendes ein bzw ändere es falls die Angabe bereits vorhanden ist:
Code:
text-align: left;
Ich wolte die unteren links nach links formatiren nicht die oberen und die unteren sollen auch als Bottonleiste dargestellt werden.
Ich habe das nun hinbekommen *stolz* nur gefällt mir die höhe nicht so richtig, wie kann ich das machen? Ich habe folgenden Code verwendet:
PHP-Code:
<div align="left">
<
table class="tborder">
<
tr>
  <
td class="thead"><center><strong>
  <
a href="{$mybb->settings['bburl']}/membermap.php"><img src="{$theme['imgdir']}/membermap/icon_world.gif" alt="" /> Karte</a></strong></center>
  </
td>
  <
td class="thead"><center><strong>
  <
a href="{$mybb->settings['bburl']}/diy.php"><img src="{$theme['imgdir']}/toplinks/werkzeug.gif" alt="" /> Do it yourself</a></strong></center>
  </
td>
  <
td class="thead"><center><strong>
  <
a href="{$mybb->settings['bburl']}/motorwelt.php"><img src="{$theme['imgdir']}/toplinks/treffen.gif" alt="" /> Treffen</a></strong></center>
  </
td>
  <
td class="thead"><center><strong>
  <
a href="{$mybb->settings['bburl']}/downloads.php"><img src="{$theme['imgdir']}/toplinks/downloads.png" border="0" alt={$lang->toplinks_downloads}/>{$lang->toplinks_downloads}</a></strong></center>
  </
td>
</
tr>
</
table>
</
div>
<
br /> 
Die Höhe wird bestimt durch das padding von 6 Pixeln. Du verwendest du CSS-Klasse .thead, der dieser Wert zugewiesen ist. Du kannst deinem Menü eine eigene Klasse zuweisen und dann beliebig formatieren.
wie mache ich das?
Schumuckl schrieb:
PHP-Code:
<td class="thead"

Du musst den Wert von class überall zu etwas neuem ändern. Dann fügst du bei deinem theme unter Zusätzliche CSS hinzu
Code:
.Beispiel{
    padding: 0px;    
    ***Sonstiger CSS Code***;    
}
Dabei musst du natürlich Beispiel durch den Wert den class bei dir hat ersetzen.
wenn ich das mache, habe ich die leiste aber nicht mehr farblich hinterlegt
Hab ja nie behauptet dass diese eine Zeile reicht ^^Du kannst die restlichen Formatierungen von thead einfach kopieren. Das wäre dann für dein Theme:
Code:
.beispiel {
    background: #643b84 url(images/crystalpurple/head.gif) top left repeat-x;
    color: #ffffff;
    padding: 0px;
}
Das funktioniert eigendlich sehr gut, was mich wunder, im zusätzlichen CSS haben wir doch sogar die Schriftfarbe definiert, leider wird die schriftfabe aber schwarz ausgegeben
Seiten: 1 2