[3.2.0] Eigenes Icon und Schriftzug in Navigation

Fragen rund um die Installation, Administration und Benutzung von phpBB.
Forumsregeln
Bitte im Thementitel den Präfix deiner phpBB-Version angeben
Antworten
VolkerF
Mitglied
Beiträge: 254
Registriert: 28.01.2009 21:15

[3.2.0] Eigenes Icon und Schriftzug in Navigation

Beitrag von VolkerF »

Hallo

Ich möchte gern in der neuen Version 3.2 ein eigenes Cnhat-Icon integrieren. In der Version 3.1.10 ging das gut zumachen in der colors.css. Bei der jetzigen Version weiß ich nicht wo ich den Eintrag machen muss. Ich möchte das Icon rechtes neben "Mod" setzen, siehe Bild.

Gruß Volker

[ externes Bild ]
Zuletzt geändert von Melmac am 16.01.2017 22:20, insgesamt 1-mal geändert.
Grund: Versionspräfix ergänzt
Benutzeravatar
Kirk
Supporter
Supporter
Beiträge: 8146
Registriert: 24.05.2010 08:31
Kontaktdaten:

Re: Eigenes Icon und Schriftzug in Navigation

Beitrag von Kirk »

Hallo
Entweder du trägst es direkt in die navbar_header.html ein z.b. so:

Code: Alles auswählen

<li class="small-icon icon-chat" data-skip-responsive="true"><a href="link zum chat" title="" role="menuitem">linkname</a></li>
Die 2. und bessere Möglichkeit ist, du erstellst in dieser Extension im Verzeichnis extautor/extname/styles/stylename/template/event/ 2 templateevents mit den Namen
navbar_header_logged_out_content.html und navbar_header_username_append.html, dort trägst du folgendes ein:

Code: Alles auswählen

<li class="leftside small-icon icon-chat" data-skip-responsive="true"><a href="link zum chat" title="" role="menuitem">linkname</a></li>
Die css Anweisung sollte z.b. so aussehen:

Code: Alles auswählen

.icon-chat {
    background-image: url("./images/icon_chat.gif");
}
Edit:
Wenn nur registrierte User den Link sehen sollen, dann brauchst du die navbar_header_logged_out_content.html nicht zu erstellen.
Benutzeravatar
Dr.Death
Moderator
Moderator
Beiträge: 17473
Registriert: 23.04.2003 08:22
Wohnort: Xanten
Kontaktdaten:

Re: Eigenes Icon und Schriftzug in Navigation

Beitrag von Dr.Death »

Nach besser wäre es, wenn du ein fertiges Icon aus dem Fontawesome nimmst:

http://fontawesome.io/icon/weixin/

sähe dann so aus:

Code: Alles auswählen

<li data-last-responsive="true">
    <a href="/pfad/zum/chat" rel="chat" title="mein Chat" role="menuitem">
        <i class="icon fa-weixin fa-fw" aria-hidden="true"></i><span>mein Chat</span>
    </a>
</li> 
VolkerF
Mitglied
Beiträge: 254
Registriert: 28.01.2009 21:15

Re: Eigenes Icon und Schriftzug in Navigation

Beitrag von VolkerF »

Hallo Kirk und Dr. Death

Vielen Dank für eure Vorschläge. Werde mir eins davon aussuchen.

Gruß Volker
cpg
Mitglied
Beiträge: 535
Registriert: 24.11.2007 12:43
Kontaktdaten:

Re: Eigenes Icon und Schriftzug in Navigation

Beitrag von cpg »

Moin,

kann es sein, dass nicht alle Bildchen im Forum angezeigt werden, die auf der Seite http://fontawesome.io/icons/
sind?

Mit fa-address-card-o habe ich keinen Erfolg; bei einigen anderen hat es geklappt.

Gruß
cpg
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 5020
Registriert: 08.06.2009 12:03

Re: Eigenes Icon und Schriftzug in Navigation

Beitrag von Talk19zehn »

Hi cpg, wenn ich das korrekt erblicke, basiert FA in der Version phpBB-3.2.0 zur Zeit auf Font Awesome 4.4.0
Das von dir erwählte ist relativ neu: Awesome 4.7.0, sehe ich das richtig?

Ggf. gibt es Alternativen zum Zwecke der Einbindung/Aktualisierung? Mir zur Zeit unbekannt.

Oder man sucht eine Alternative in der momentan verwendeten Basis.

LG
Adventereigniskalender für phpBB 3.3.x,
Meine persönliche Meinung im Jahr 2024: Im Zenit seiner Popularität wirkt KI zunächst wie eine Blaupause und lässt sich aufgrund der Vielschichtigkeit nicht auf eine einzige Botschaft reduzieren. Präteritum, Perfekt, Präsens, Futur & Plusquamperfekt werden nicht fehlerfrei genutzt, gar missverstanden.
Benutzeravatar
Melmac
Ehemaliges Teammitglied
Beiträge: 3623
Registriert: 15.10.2012 03:27

Re: [3.2.0] Eigenes Icon und Schriftzug in Navigation

Beitrag von Melmac »

Vielleicht hilft das Cheatsheet von FA zumindest bei der Auswahl weiter: in ihm werden zu allen ab einschließlich FA 4.0 hinzugekommenen Icons die Versionen angegeben, in denen sie ins Paket aufgenommen wurden.
Alle mit Kennzeichnung bis einschließlich 4.4 sollten daher funktionieren.
Handle nur nach derjenigen Maxime, durch die du zugleich wollen kannst, dass sie ein allgemeines Gesetz werde.
(Immanuel Kant)
cpg
Mitglied
Beiträge: 535
Registriert: 24.11.2007 12:43
Kontaktdaten:

Re: [3.2.0] Eigenes Icon und Schriftzug in Navigation

Beitrag von cpg »

Moin,

ich danke euch. Dann werde ich mal weiter probieren. Das eingebaute Ding für "Kontaktdaten" finde ich weder schön noch stimmig, aber die Geschmäcker sind verschieden :)

Ich finde bestimmt etwas, was mir besser gefällt.

Nachtrag:

Danke, mit einem älteren Bildchen hat es geklappt :)

Gruß
cpg
Antworten

Zurück zu „Support-Forum“