Hallo, Gast! (Registrieren)

Wir wünschen allen Besuchern frohe Ostern!

Letzte Ankündigung: MyBB 1.8.37 veröffentlicht (04.11.23)


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
Toplinks als Buttons und Formatieren
#1
Question 
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?
[Bild: logo.gif]
Phantasie ist wichtiger als Wissen, denn Wissen ist begrenzt. (Albert Einstein)
Zitieren
#2
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;
Denken Hilft!
...und wer nicht denken will fliegt raus!
Zitieren
#3
Ich wolte die unteren links nach links formatiren nicht die oberen und die unteren sollen auch als Bottonleiste dargestellt werden.
[Bild: logo.gif]
Phantasie ist wichtiger als Wissen, denn Wissen ist begrenzt. (Albert Einstein)
Zitieren
#4
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 /> 
[Bild: logo.gif]
Phantasie ist wichtiger als Wissen, denn Wissen ist begrenzt. (Albert Einstein)
Zitieren
#5
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.

Gruß,
Michael
[Bild: banner.png]
Support erfolgt NUR im Forum!
Bitte gelöste Themen als "erledigt" markieren.
Beiträge mit mangelhafter Rechtschreibung/Grammatik werden kommentarlos gelöscht.
Zitieren
#6
wie mache ich das?
[Bild: logo.gif]
Phantasie ist wichtiger als Wissen, denn Wissen ist begrenzt. (Albert Einstein)
Zitieren
#7
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.
Denken Hilft!
...und wer nicht denken will fliegt raus!
Zitieren
#8
wenn ich das mache, habe ich die leiste aber nicht mehr farblich hinterlegt
[Bild: logo.gif]
Phantasie ist wichtiger als Wissen, denn Wissen ist begrenzt. (Albert Einstein)
Zitieren
#9
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;
}
Denken Hilft!
...und wer nicht denken will fliegt raus!
Zitieren
#10
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
[Bild: logo.gif]
Phantasie ist wichtiger als Wissen, denn Wissen ist begrenzt. (Albert Einstein)
Zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Generelle CSS Fragen (Headermenü, Toplinks, CSS buttons, ...) Lily 10 5.391 29.03.2016, 23:09
Letzter Beitrag: MrBrechreiz
  Bilder zu toplinks schauan 5 2.411 24.01.2016, 13:44
Letzter Beitrag: schauan
  Toplinks durch Grafik ersetzen und mittig stellen lacrima 10 3.807 06.01.2014, 05:37
Letzter Beitrag: lacrima
  Profilfelder formatieren burningskies 24 5.393 01.11.2013, 23:37
Letzter Beitrag: MrBrechreiz
  toplinks position ändern BartM 7 3.294 22.01.2011, 13:41
Letzter Beitrag: BartM