PM, EMAIL, ICQ, etc. Icons

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Antworten
LonesWolf
Mitglied
Beiträge: 4
Registriert: 27.02.2010 19:22

PM, EMAIL, ICQ, etc. Icons

Beitrag von LonesWolf »

Hallo liebe Leute,

ich verzweifle im Moment an einer Kleinigkeit, die ich mir wahrscheinlich selber zuzuschreiben habe :(

Gut also ich komme gleich zur Sache. Wenn ich ein Thema in einem Forum habe und in diesem auch schon Beiträge von Mitgliedern habe, dann gibt es doch die Möglichkeit kleine Icons anzuzeigen, worüber man dem Mitglied eine PN, eine E-Mail schreiben kann oder gar den ICQ, Xfire, Jabber, etc. Status aufrufen kann.

Diese kleinen Icons sehen wie folgt aus:

[ externes Bild ]

Jetzt habe ich das Problem, dass diese Bilder nicht mehr angezeigt werden.

Hier meine "*.css"

Code: Alles auswählen

/* Profile & navigation icons */

.email-icon, .email-icon a		{ background-image: url("{IMG_ICON_CONTACT_EMAIL_SRC}"); }
.aim-icon, .aim-icon a			{ background-image: url("{IMG_ICON_CONTACT_AIM_SRC}"); }
.yahoo-icon, .yahoo-icon a		{ background-image: url("{IMG_ICON_CONTACT_YAHOO_SRC}"); }
.web-icon, .web-icon a			{ background-image: url("{IMG_ICON_CONTACT_WWW_SRC}"); }
.msnm-icon, .msnm-icon a			{ background-image: url("{IMG_ICON_CONTACT_MSNM_SRC}"); }
.icq-icon, .icq-icon a			{ background-image: url("{IMG_ICON_CONTACT_ICQ_SRC}"); }
.jabber-icon, .jabber-icon a		{ background-image: url("{IMG_ICON_CONTACT_JABBER_SRC}"); }
.pm-icon, .pm-icon a				{ background-image: url("{IMG_ICON_CONTACT_PM_SRC}"); }
.quote-icon, .quote-icon a		{ background-image: url("{IMG_ICON_POST_QUOTE_SRC}"); }

/* Moderator icons */
.report-icon, .report-icon a		{ background: none top left no-repeat; }
.warn-icon, .warn-icon a			{ background: none top left no-repeat; }
.edit-icon, .edit-icon a			{ background: none top left no-repeat; }
.delete-icon, .delete-icon a		{ background: none top left no-repeat; }
.info-icon, .info-icon a			{ background: none top left no-repeat; }

/* Set profile icon dimensions */
ul.profile-icons li.email-icon		{ width: {IMG_ICON_CONTACT_EMAIL_WIDTH}px; height: {IMG_ICON_CONTACT_EMAIL_HEIGHT}px; }
ul.profile-icons li.aim-icon	{ width: {IMG_ICON_CONTACT_AIM_WIDTH}px; height: {IMG_ICON_CONTACT_AIM_HEIGHT}px; }
ul.profile-icons li.yahoo-icon	{ width: {IMG_ICON_CONTACT_YAHOO_WIDTH}px; height: {IMG_ICON_CONTACT_YAHOO_HEIGHT}px; }
ul.profile-icons li.web-icon	{ width: {IMG_ICON_CONTACT_WWW_WIDTH}px; height: {IMG_ICON_CONTACT_WWW_HEIGHT}px; }
ul.profile-icons li.msnm-icon	{ width: {IMG_ICON_CONTACT_MSNM_WIDTH}px; height: {IMG_ICON_CONTACT_MSNM_HEIGHT}px; }
ul.profile-icons li.icq-icon	{ width: {IMG_ICON_CONTACT_ICQ_WIDTH}px; height: {IMG_ICON_CONTACT_ICQ_HEIGHT}px; }
ul.profile-icons li.xfire-icon	{ width: {IMG_ICON_CONTACT_XFIRE_WIDTH}px; height: {IMG_ICON_CONTACT_XFIRE_HEIGHT}px; }
ul.profile-icons li.jabber-icon	{ width: {IMG_ICON_CONTACT_JABBER_WIDTH}px; height: {IMG_ICON_CONTACT_JABBER_HEIGHT}px; }
ul.profile-icons li.pm-icon		{ width: {IMG_ICON_CONTACT_PM_WIDTH}px; height: {IMG_ICON_CONTACT_PM_HEIGHT}px; }
ul.profile-icons li.quote-icon	{ width: {IMG_ICON_POST_QUOTE_WIDTH}px; height: {IMG_ICON_POST_QUOTE_HEIGHT}px; }
ul.profile-icons li.report-icon	{ width: {IMG_ICON_POST_REPORT_WIDTH}px; height: {IMG_ICON_POST_REPORT_HEIGHT}px; }
ul.profile-icons li.edit-icon	{ width: {IMG_ICON_POST_EDIT_WIDTH}px; height: {IMG_ICON_POST_EDIT_HEIGHT}px; }
ul.profile-icons li.delete-icon	{ width: {IMG_ICON_POST_DELETE_WIDTH}px; height: {IMG_ICON_POST_DELETE_HEIGHT}px; }
ul.profile-icons li.info-icon	{ width: {IMG_ICON_POST_INFO_WIDTH}px; height: {IMG_ICON_POST_INFO_HEIGHT}px; }
ul.profile-icons li.warn-icon	{ width: {IMG_ICON_USER_WARN_WIDTH}px; height: {IMG_ICON_USER_WARN_HEIGHT}px; }
und hier der Auszug aus der viewtopic_body.html

Code: Alles auswählen

<div class="gensmall" style="float: {S_CONTENT_FLOW_BEGIN};">
			<ul class="profile-icons">
				<!-- IF postrow.U_PROFILE --><li><a href="{postrow.U_PROFILE}">{PROFILE_IMG}</a></li><!-- ENDIF -->
				<!-- IF postrow.U_PM --><li class="pm-icon"><a href="{postrow.U_PM}" title="{L_PRIVATE_MESSAGE}"><span>{L_PRIVATE_MESSAGE}</span></a></li><!-- ENDIF -->
				<!-- IF postrow.U_EMAIL --><li class="email-icon"><a href="{postrow.U_EMAIL}" title="{L_EMAIL}"><span>{L_EMAIL}</span></a></li><!-- ENDIF -->
				<!-- IF postrow.U_WWW --><li class="web-icon"><a href="{postrow.U_WWW}" title="{L_VISIT_WEBSITE}: {postrow.U_WWW}"><span>{L_WEBSITE}</span></a></li><!-- ENDIF -->
				<!-- IF postrow.U_MSN --><li class="msnm-icon"><a href="{postrow.U_MSN}" onclick="popup(this.href, 550, 320); return false;" title="{L_MSNM}"><span>{L_MSNM}</span></a></li><!-- ENDIF -->
				<!-- IF postrow.U_ICQ --><li class="icq-icon"><a href="{postrow.U_ICQ}" onclick="popup(this.href, 550, 320); return false;" title="{L_ICQ}"><span>{L_ICQ}</span></a></li><!-- ENDIF -->
				<!-- IF postrow.U_XFIRE --><li class="xfire-icon"><a href="{postrow.U_XFIRE}" onclick="popup(this.href, 550, 320); return false;" title="{L_XFIRE}"><span>{L_XFIRE}</span></a></li><!-- ENDIF -->
				<!-- IF postrow.U_YIM --><li class="yahoo-icon"><a href="{postrow.U_YIM}" onclick="popup(this.href, 780, 550); return false;" title="{L_YIM}"><span>{L_YIM}</span></a></li><!-- ENDIF -->
				<!-- IF postrow.U_AIM --><li class="aim-icon"><a href="{postrow.U_AIM}" onclick="popup(this.href, 550, 320); return false;" title="{L_AIM}"><span>{L_AIM}</span></a></li><!-- ENDIF -->
				<!-- IF postrow.U_JABBER --><li class="jabber-icon"><a href="{postrow.U_JABBER}" onclick="popup(this.href, 550, 320); return false;" title="{L_JABBER}"><span>{L_JABBER}</span></a></li><!-- ENDIF -->
				<!-- IF postrow.U_GALLERY --><li class="gallery-icon"><a href="{postrow.U_GALLERY}" title="{L_PERSONAL_ALBUM}"><span>{L_PERSONAL_ALBUM}h</span></a></li><!-- ENDIF -->
			</ul>
			</div>
Ich finde hierbei allerdings keinen Fehler. Eventuell übersehe ich auch nicht eine Kleinigkeit aber ich sitze nun schon fast 6 Stunden dran, diese Dokumente zu überprüfen.

Templatecache habe ich nach jeder Änderung geleert. Das Sheet jedesmal aktualisiert. Die Bilder sind auch vorhanden in "./styles/{theme}/imageset", ich komme nur komischerweise nicht weiter.

Ich bin für jede Hilfe Dankbar.

Liebe Grüße
LonesWolf
Nach oben
Benutzeravatar
Frank1604
Ehemaliges Teammitglied
Beiträge: 2106
Registriert: 07.11.2007 09:25
Wohnort: Einhausen
Kontaktdaten:
Kontaktdaten von Frank1604

Re: PM, EMAIL, ICQ, etc. Icons

Beitrag von Frank1604 »

Hast du auch schon mal den Theme Cache und den imageset Cache geleert?
Gruß, Frank
Meine Meinung steht fest. Bitte verwirrt mich nicht mit Tatsachen!
Nach oben
LonesWolf
Mitglied
Beiträge: 4
Registriert: 27.02.2010 19:22

Re: PM, EMAIL, ICQ, etc. Icons

Beitrag von LonesWolf »

Frank1604 hat geschrieben:Hast du auch schon mal den Theme Cache und den imageset Cache geleert?
Gerade getan, jedoch leider keine Verbesserung :( :( :(
Nach oben
LonesWolf
Mitglied
Beiträge: 4
Registriert: 27.02.2010 19:22

Re: PM, EMAIL, ICQ, etc. Icons

Beitrag von LonesWolf »

Einen kleinen Nachtrag habe ich noch:

Die Seite ändert Tag und Nacht die Stylesheet.css (stylesheet.css und stylesheet_night.css)

Die Icons wie PN, E-Mail, ICQ, etc. werden nur bei Nacht nicht angezeigt. Der Inhalt beider Sheets ist der gleiche, bis auf die Hintergrundfarbe. Das Problem raubt mir im Moment sehr viele Haare. Woran könnte es denn liegen? Caches sind alle nach Änderungen gelöscht worden, ich habe es sogar schon mit Shift+Aktualisieren versucht, um meinen Clientseitigen Cache zu löschen. Leider funktioniert keine dieser Sachen :( :( :(

Lg
LonesWolf
Nach oben
JFooty
Ehemaliges Teammitglied
Beiträge: 1868
Registriert: 02.10.2007 11:46

Re: PM, EMAIL, ICQ, etc. Icons

Beitrag von JFooty »

Gibt es einen Link zum "Problemforum"?
Kein Support per PN!
Nach oben
LonesWolf
Mitglied
Beiträge: 4
Registriert: 27.02.2010 19:22

Re: PM, EMAIL, ICQ, etc. Icons

Beitrag von LonesWolf »

Oh, habe ich doch etwas vergessen. Gerne gebe ich den Link: http://www.1adaszockerparadies.de

Der Wechsel der "*.css" Dateien erfolgt immer um 09:00 Uhr und um 21:00 Uhr
Nach oben
JFooty
Ehemaliges Teammitglied
Beiträge: 1868
Registriert: 02.10.2007 11:46

Re: PM, EMAIL, ICQ, etc. Icons

Beitrag von JFooty »

In der stylesheet.css steht:

Code: Alles auswählen

.email-icon, .email-icon a		{ background-image: url("{IMG_ICON_CONTACT_EMAIL_SRC}"); }
.aim-icon, .aim-icon a			{ background-image: url("{IMG_ICON_CONTACT_AIM_SRC}"); }
.yahoo-icon, .yahoo-icon a		{ background-image: url("{IMG_ICON_CONTACT_YAHOO_SRC}"); }
.web-icon, .web-icon a			{ background-image: url("{IMG_ICON_CONTACT_WWW_SRC}"); }
.msnm-icon, .msnm-icon a			{ background-image: url("{IMG_ICON_CONTACT_MSNM_SRC}"); }
.icq-icon, .icq-icon a			{ background-image: url("{IMG_ICON_CONTACT_ICQ_SRC}"); }
.jabber-icon, .jabber-icon a		{ background-image: url("{IMG_ICON_CONTACT_JABBER_SRC}"); }
.pm-icon, .pm-icon a				{ background-image: url("{IMG_ICON_CONTACT_PM_SRC}"); }
.quote-icon, .quote-icon a		{ background-image: url("{IMG_ICON_POST_QUOTE_SRC}"); }
Das funktioniert ja nach deiner Aussage.
In der stylesheet_night.css steht:

Code: Alles auswählen

.email-icon, .email-icon a		{ background-image: url("{T_IMAGESET_PATH}/icon_contact_email.gif"); }
.aim-icon, .aim-icon a			{ background-image: url("{T_IMAGESET_PATH}/icon_contact_aim.gif"); }
.yahoo-icon, .yahoo-icon a		{ background-image: url("{T_IMAGESET_PATH}/icon_contact_yahoo.gif"); }
.web-icon, .web-icon a			{ background-image: url("{T_IMAGESET_PATH}/icon_contact_www.gif"); }
.msnm-icon, .msnm-icon a		{ background-image: url("{T_IMAGESET_PATH}/icon_contact_msnm.gif"); }
.icq-icon, .icq-icon a			{ background-image: url("{T_IMAGESET_PATH}/icon_contact_icq.gif"); }
.xfire-icon, .xfire-icon a		{ background-image: url("{T_IMAGESET_PATH}/icon_contact_xfire.gif"); }
.jabber-icon, .jabber-icon a	{ background-image: url("{T_IMAGESET_PATH}/icon_contact_jabber.gif"); }
.pm-icon, .pm-icon a			{ background-image: url("{T_IMAGESET_PATH}/icon_contact_pm.gif"); }
.quote-icon, .quote-icon a		{ background-image: url("{IMG_ICON_POST_QUOTE_SRC}"); }
Schon mal überlegt, den nicht funktionierenden Teil der stylesheet_night.css durch den funktionierenden Teil der stylesheet.css zu ersetzen? :wink:
Kein Support per PN!
Nach oben
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“