Seite 1 von 1

[3.2.0] Eigenes Icon und Schriftzug in Navigation

Verfasst: 11.01.2017 10:18
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 ]

Re: Eigenes Icon und Schriftzug in Navigation

Verfasst: 11.01.2017 10:58
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.

Re: Eigenes Icon und Schriftzug in Navigation

Verfasst: 11.01.2017 11:32
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> 

Re: Eigenes Icon und Schriftzug in Navigation

Verfasst: 11.01.2017 18:46
von VolkerF
Hallo Kirk und Dr. Death

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

Gruß Volker

Re: Eigenes Icon und Schriftzug in Navigation

Verfasst: 16.01.2017 21:24
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

Re: Eigenes Icon und Schriftzug in Navigation

Verfasst: 16.01.2017 21:58
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

Re: [3.2.0] Eigenes Icon und Schriftzug in Navigation

Verfasst: 16.01.2017 22:38
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.

Re: [3.2.0] Eigenes Icon und Schriftzug in Navigation

Verfasst: 16.01.2017 22:51
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