Seite 1 von 2

[3.1] Kontaktdaten Icon ändern

Verfasst: 17.04.2017 12:11
von KrachWumm
Hallo, ich mal wieder.....

in einem Thema unter den Daten des Members kann man eine Art Sprechblase anklicken wo sich dann die weiteren Kontaktdaten befinden.
In meinem Beispiel habe ich da nun mehrere Verweise.
z.B. "Strava" würde ich gerne, wie es bei dem Facebook-Logo auch ist, ein eigenes Icon spendieren.
wie stelle ich das an ??
1. Wo finde ich die Icons für die Kontaktdaten ??
2. wo finde ich den Quelltext um das passend zu ändern

[ externes Bild ]
prosilver

THX
KrachWumm

Re: [3.1] Kontaktdaten Icon ändern

Verfasst: 17.04.2017 12:47
von Kirk
Hallo
Die Icons daür findest du in root/styles/stylename/theme/images/icons_contact.png
Du müsstest dort dein eigenes Icon einfügen und in der buttons.css sowas mit einfügen:

Code: Alles auswählen

.strava-icon {
    background-position: -161px 0;
}
Die Werte musst du ggf. anpassen.

Re: [3.1] Kontaktdaten Icon ändern

Verfasst: 05.11.2020 10:40
von NicoM
Danke Udo!

Soo einfach scheint*s nicht zu sein, wie's auf den ersten Blick aussieht.
Du schreibst:
Die Icons daür findest du in root/styles/stylename/theme/images/icons_contact.png
Heißt das, dass ich das Bild "icons_contact.png" mit einer Bildbearbeitungssoftware bearbeiten muss, um ein neues Icon einzufügen. (?)

Und das neue Icon wird dann per Positionsbestimmung im Bild gefunden? Verstehe ich das recht?

Aber wie wird dann dem neuen Icon das neue, entsprechende Profilfeld zugewiesen?

Du siehst, ich stehe stramm auf dem Schlauch ...

Re: [3.1] Kontaktdaten Icon ändern

Verfasst: 05.11.2020 17:56
von Kirk
Dies musst du mit einem Bildbearbeitungsprogramm machen. Per background-position positioniert man das Icon. Im ACP/Benutzer und Gruppen/Benutzerdefinierte Profilfelder ein entsprechendes Profilfeld erstellen.

Re: [3.1] Kontaktdaten Icon ändern

Verfasst: 07.11.2020 14:51
von NicoM
Hallo, ich gebe zu, dass es mir auch nach unzähligen Versuchen nicht gelungen ist, das Bild icons_contact.png so abzuändern, dass es verlängert wird, um in der Verlängerung das neue Icon aufzunehmen. Vielleicht kann mir dabei ja jemand Hilfestellung geben (?)

Aktuell sieht es so aus, dass das neue Profilfeld in Ermangelung eines eigenen das Icon benutzt, das für die PNs vorgesehen ist.

Re: [3.1] Kontaktdaten Icon ändern

Verfasst: 11.11.2020 08:38
von Tastenplayer
Ich habe es so verstanden, dass Du in den contact Icons ein eigenes Icon einfügen möchtest.
Du kannst auch zBsp. Dein Icon über das AOL Icon machen (prosilver-theme-images-icons_contact) und dann im acp - Benutzerdefinierte Profilfelder - das AOL Icon in Strava umbenennen.

Re: [3.1] Kontaktdaten Icon ändern

Verfasst: 11.11.2020 09:34
von Cowboy of Bottrop
Lade das gewünschte Icon nach root/styles/prosilver/theme/images hoch und ergänze in der colours.css die Anweisung

Code: Alles auswählen

.strava-icon { background-image: url("./images/strava.png") !important; }
Wobei du natürlich die Klasse "stava-icon" verifizieren und den Namen der Icondatei (stava.png) anpassen musst.

Re: [3.1] Kontaktdaten Icon ändern

Verfasst: 16.11.2020 16:06
von NicoM
Danke für Eure Antworten!

Ich habe jetzt alles so gemacht, wie Ihr es mir geschrieben habt. Tatsächlich erscheint mein neues Icon auch. :-)
Allerdings überlappt es sich mit dem PN-Icon. Woran muss ich jetzt noch „drehen“, um das Überlappen abzustellen?

Re: [3.1] Kontaktdaten Icon ändern

Verfasst: 16.11.2020 16:55
von Lehrling
Diese Icons sind eine knifflige Sache. Das Bild ist ein sogenanntes Image Sprite. Damit das einzelne Icon sichtbar wird, wird das große Bild gewissermaßen hin- und hergeschoben. Die relevanten Angaben dazu findest du im colours.css unter Icon Images. Da findest du Einträge wie .email-icon { background-position: -21px 0; } Daran musst du tüfteln.

Re: [3.1] Kontaktdaten Icon ändern

Verfasst: 17.11.2020 11:32
von NicoM
Herzlichen Dank für Deinen Tipp, Lehrling!