Seite 1 von 1

Links durch grafiken ersetzen und zentrieren

Verfasst: 11.05.2014 19:38
von 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. :/

Re: Links durch grafiken ersetzen und zentrieren

Verfasst: 11.05.2014 20:53
von Lehrling
Hallo,
welchen Style verwendest du denn?
LG Beate

Re: Links durch grafiken ersetzen und zentrieren

Verfasst: 11.05.2014 22:44
von xxfluegeltierxx
Oh, verzeihung.
Ich benutze Prosilver SE.

Re: Links durch grafiken ersetzen und zentrieren

Verfasst: 12.05.2014 13:51
von 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

Re: Links durch grafiken ersetzen und zentrieren

Verfasst: 12.05.2014 13:59
von 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