Grafik für PN Nachrichten austauschen

19.01.2011 14:11
avatar  Karin ( Gast )
#1 Grafik für PN Nachrichten austauschen
Ka
Karin ( Gast )

Ich beginne hier ein neues Thema, da diese Frage zwar schon gestellt, aber nicht gelöst wurde.




Wenn ich also das unter dem Avatar befindelich PN-Zeichen austauschen möchte...

a) eigene GIF erstellen und hochladen

b) unter "CSS-Vorlage" im Pro Silver-Template in der Zeile

.pm-icon, .pm-icon a { background-image: url("https://img.homepagemodules.de/s2/imagese..._contact_pm.gif"); }

mit dem hochgeladenen GIF entsprechend austauschen.


Bei mir verschwindet das Icon dann komplett... hängt es damit zusammen, dass meines größer ist?

Was mache ich falsch?



Danke...





Karin


 Antworten

 Beitrag melden
19.01.2011 23:25
avatar  Olaf
#2 RE: Grafik für PN Nachrichten austauschen
Ol
Mitglied

Die Größe des Icons ist 28px X 20px.Wenn Dein Bid größer ist,dann wird nur ein Teil von Deinen Bild gezeigt,nämlich 28 x 20.
Wenn Du die Größe des Icons auf Dein Icon vergößern willst,dann musst Du die Werte in der CSS unter :

ul.profile-icons li.pm-icon { width: 28px; height: 20px; }

ändern/anpassen,damit Dein ganzes Icon angezeigt wird.

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
19.01.2011 23:57
avatar  Karin ( Gast )
#3 RE: Grafik für PN Nachrichten austauschen
Ka
Karin ( Gast )

Danke, lieber Olaf!

Das probiere ich bald aus und gebe hoffentlich eine Erfolgsmeldung.



Merci...





Karin


 Antworten

 Beitrag melden
20.01.2011 05:57 (zuletzt bearbeitet: 20.01.2011 05:59)
avatar  Olaf
#4 RE: Grafik für PN Nachrichten austauschen
Ol
Mitglied

Besser oder sinnvoller ist es noch,wenn Du nur die PN Icons änderst und nicht,wie in meinem Beispiel oben die Profile Icons mit einbeziehst.

Dann sieht die Änderung so aus:

das Rote löschen:

ul.profile-icons li.pm-icon { width: 28px; height: 20px; }

Und dafür eine neue Zeile erstellen:

li.pm-icon { width: 28px; height: 20px; }

dann sieht das Ergebnis so aus:

ul.profile-icons { width: 28px; height: 20px; }
li.pm-icon { width: 28 px; height: 20 px; }

Wobei dann die roten Zahlen auf Deine Icon Größe geändert werden müssten.
So werden nur die PN Icons geändert.

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
21.01.2011 10:50
avatar  Karin ( Gast )
#5 RE: Grafik für PN Nachrichten austauschen
Ka
Karin ( Gast )

Juuuuhuuuuuuuuu !!!!

Danke, lieber Olaf! Es hat gefunzt!


Hach, so etwas begeistert mich immer wieder... Solche Leute...



Ich wünsche Dir einen herrlichen Tag!






Karin


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!