Links durch grafiken ersetzen und zentrieren

[xxfluegeltierxx]

Hallo, liebe Leute!
Ich war jetzt längere Zeit bei MyBB aber das taugt ja nicht die Bohne! 2x wurde ich gehackt- na feinsten Dank auch! Anyway....

Ich würde ganz gerene die Navigationslinks durch Grafiken ersetzten und zentrieren, etwa so:

http://i57.tinypic.com/2s67sbp.png

Kann mir jemand dabei helfen, ich weiß nicht genau, wie ich das machen kann. :/

[Lehrling]

Hallo,
welchen Style verwendest du denn?
LG Beate

[xxfluegeltierxx]

Oh, verzeihung.
Ich benutze Prosilver SE.

[HabNurNeFrage]

Hi,

schau mal, ob das so Deinen Vorstellungen entspricht: http://bild4.bplaced.net/html/menu/

Falls ja, ließe sich das problemlos einbauen, indem Du den Code dort in die overall_header.html einfügst.
Falls Du Probleme haben solltest, frag nach...

Zum Link Groups: Eine Group-Page, auf die man verlinken könnte, gibt es in der Standard-Version von phpBB 3.0.x nicht.
Dafür müsste man eine Mod installieren: https://www.phpbb.com/community/viewtopic.php?t=1795185
Momentan führt dieser Link zur Teampage (memberlist => leaders) - kann man nach dem Einbau der Mod einfach ändern.
Das letzte Wort habe ich mal als Log-In interpretiert, weil ich nicht genau wusste, was da gemeint war...

LG

[Lehrling]

eine Möglichkeit wäre die: du lädst die Bilder in den Ordner theme/images hoch und verlinkst sie dann im overall_header.
Der Link würde dann z.B. so aussehen: (bitte Stylenamen anpassen)

Code: Alles auswählen

<a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}"><img src="./styles/prosilver/theme/images/faq.gif"></a>

Der Name des Bildes wäre logischerweise faq.gif.
Dann ersetzt du die Standardliste im overall_header durch einen div-Container, mit den Angaben margin:auto und text-align:center.
Am sinnvollsten ist es, wenn du für diesen Container in der common.css eine eigene Klasse erstellst, dann kannst du auch noch die Schrift anpassen und die Hintergrundfarbe etc.
Für die template-Datei würde das also bedeuten, dass du die Liste durch diesen Container ersetzt und dort die Bilder einfügst.
Beispiel:

<div class="my_buttons">
<a href="{U_INDEX}" accesskey="h"><img src="./styles/prosilver/theme/images/home.gif"></a>
<a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}"><img src="./styles/prosilver/theme/images/faq.gif"></a>
<a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}"><img src="./styles/prosilver/theme/images/member.gif"></a>
</div>
etc. etc. etc.

Du musst beachten, die IF-Befehle korrekt zu übertragen, denn nicht alles ist für jeden sichtbar. In diesem Bereich ist z.B. auch der Link für die Wiederherstellung der Berechtigungen untergebracht. Den bekommen normalerweise nur Moderatoren oder Administratoren zu sehen.

LG Beate