Seite 1 von 1

Wechselndes icon im overall_header

Verfasst: 08.08.2009 12:51
von mavrick3
Hej-Ho Community,

Ich hab den Medals-MOD installiert und nun möchte ich folgendes und zwar, dass im header jenachdem wieviele Medals man hat, ein anderes Bild angezeigt wird.

Im viewtopic_body wird die Anzahl der Badges in diesem Code dargestellt:

Code: Alles auswählen

				<!-- BEGIN medal -->
		<!-- IF postrow.medal.S_HAS_MEDALS or postrow.medal.S_HAS_NOMINATIONS --><dd><strong>{L_MEDALS}:</strong> {postrow.medal.MEDALS_COUNT}{postrow.medal.MEDALS_NOMINATED}</dd><!-- ENDIF -->
			<!-- BEGIN medal_row -->
			<dd>
				<!-- BEGIN medal_col -->
					<img src="{postrow.medal.medal_row.medal_col.MEDAL_IMAGE}" border="0" alt="{postrow.medal.medal_row.medal_col.MEDAL_NAME} {postrow.medal.medal_row.medal_col.MEDAL_COUNT}" title="{postrow.medal.medal_row.medal_col.MEDAL_NAME} {postrow.medal.medal_row.medal_col.MEDAL_COUNT}" {postrow.medal.medal_row.medal_col.MEDAL_WIDTH} {postrow.medal.medal_row.medal_col.MEDAL_HEIGHT} />
				<!-- END medal_col -->
			</dd>
			<!-- END medal_row -->
		<!-- END medal -->
Nun will ich, dass wenn man 5 Medals hat, das Icon: icon_medal_5.gif angezeigt wird und wenn man 7 Medals hat soll icon_medal_7.gif angezeigt werden usw.

Die medals.css wo das icon beschrieben ist sieht so aus:

Code: Alles auswählen

/*  	
--------------------------------------------------------------
Mods for medals.css X
-------------------------------------------------------------- */
.approve-icon, .approve-icon a	{ background: none top left no-repeat; }
.approve-icon, .approve-icon a	{ background-image: url("{IMG_ICON_POST_APPROVE_SRC}"); }
ul.approve-icons, li.approve-icon { width: {IMG_ICON_POST_APPROVE_WIDTH}px; height: {IMG_ICON_POST_APPROVE_HEIGHT}px; }

/* Icon images
---------------------------------------- */
.icon-medal {
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-image: none;
	padding: 1px 0 0 17px;
}
.icon-medal	{ background-image: url("{T_THEME_PATH}/images/icon_medal.gif"); }
.rtl .icon-medal {
	background-position: 100% 50%;
	padding: 1px 17px 0 0;
}
Nochmal zusammenfassen:

Im Header soll angezeigt werden, wenn man 5 Medals hat: icon_medal_5.gif, wenn man 7 hat: icon_medal_7.gif usw.

Was ich brauche: Ein Codeschnipsel wo ich einstellen kann, dass jenach anzahl der Badges ein anderes icon angezeigt wird :-)

Grüssle mavrick3