[3.1] Kontaktdaten Icon ändern

[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

[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.

[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 ...

[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.

[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.

[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.

[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.

[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?

[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.

[NicoM]

Herzlichen Dank für Deinen Tipp, Lehrling!