themensymbole problem

[chris1278]

genau da wo das smilie ist sollten normalerweise die beitrags bzw. themen symbole sein.

[pebble]

Ja wie das geht schrieb ich dir ja schon...

Edit:
Ach, du meinst nicht in der Forenübersicht sondern in den Themen...?!

[pebble]

Hallo,

ich habs mal ausporbiert

und zwar in der viewforum_body.html

Habe ich nach diesem Code

Code: Alles auswählen

<li class="row<!-- IF topicrow.S_ROW_COUNT is even --> bg1<!-- ELSE --> bg2<!-- ENDIF --><!-- IF topicrow.S_POST_ANNOUNCE --> announce<!-- ENDIF --><!-- IF topicrow.S_POST_STICKY --> sticky<!-- ENDIF --><!-- IF topicrow.S_TOPIC_REPORTED --> reported<!-- ENDIF -->">
			<dl class="icon" style="background-image: url({topicrow.TOPIC_FOLDER_IMG_SRC}); background-repeat: no-repeat;">
				<dt<!-- IF topicrow.TOPIC_ICON_IMG and S_TOPIC_ICONS --> style="background-image: url({T_ICONS_PATH}{topicrow.TOPIC_ICON_IMG}); background-repeat: no-repeat;"<!-- ENDIF --> title="{topicrow.TOPIC_FOLDER_IMG_ALT}"><!-- IF topicrow.S_UNREAD_TOPIC --><a href="{topicrow.U_NEWEST_POST}">{NEWEST_POST_IMG}</a> <!-- ENDIF --><a href="{topicrow.U_VIEW_TOPIC}" class="topictitle">{topicrow.TOPIC_TITLE}</a> 

Dies eingefügt:
<span class="forum-image"><img src="./styles/prosilver/imageset/bild/smily.gif"></span>

Sieht dann so aus

Code: Alles auswählen

<li class="row<!-- IF topicrow.S_ROW_COUNT is even --> bg1<!-- ELSE --> bg2<!-- ENDIF --><!-- IF topicrow.S_POST_ANNOUNCE --> announce<!-- ENDIF --><!-- IF topicrow.S_POST_STICKY --> sticky<!-- ENDIF --><!-- IF topicrow.S_TOPIC_REPORTED --> reported<!-- ENDIF -->">
			<dl class="icon" style="background-image: url({topicrow.TOPIC_FOLDER_IMG_SRC}); background-repeat: no-repeat;">
				<dt<!-- IF topicrow.TOPIC_ICON_IMG and S_TOPIC_ICONS --> style="background-image: url({T_ICONS_PATH}{topicrow.TOPIC_ICON_IMG}); background-repeat: no-repeat;"<!-- ENDIF --> title="{topicrow.TOPIC_FOLDER_IMG_ALT}"><!-- IF topicrow.S_UNREAD_TOPIC --><a href="{topicrow.U_NEWEST_POST}">{NEWEST_POST_IMG}</a> <!-- ENDIF --><a href="{topicrow.U_VIEW_TOPIC}" class="topictitle">{topicrow.TOPIC_TITLE}</a>
                                   <span class="forum-image"><img src="./styles/prosilver/imageset/bild/smily.gif"></span>

Dann stehen die Symbole in der Themenliste neben den Icons
[ externes Bild ]

[chris1278]

ok werd das mal direkt ausprobieren

[chris1278]

ok pebbels dein code füget da ein bild ein welches vorgegeben ist. aber ich rede von symbolen bzw. icons die beim erstellen eines themas ausgewählt werden können.

siehe hier:

[ externes Bild ]

[pebble]

Ach so...

Na, da stand ich ja ganz schön auf der Leitung.
Hättest du das Bild auch gleich anfangs gezeigt hätte ich es sofort kapiert.

Ich denke du mußt die Position vom Icon ändern, denn es sitzt ja standardmäßig auf dem Themenbutton.

Ändere mal in der content.css den Wert von padding-left und background-position.
Mit background-position verschiebst du dein Symbol und mit padding-left den Text.
Setz jeweils die Werte der px hoch.
Wie hoch mußt du ausprobieren.

Code: Alles auswählen

dl.icon dt {
	padding-left: 45px;					/* Space for folder icon */
	background-repeat: no-repeat;
	background-position: 5px 95%;		/* Position of topic icon */
}

[chris1278]

ne also wenn ich da die px zahlen erhöhe tut sich gar nix

aber ich habe gestern aben mit deinem ersten vorschlag rumexperimentiert und da was gebastelt nix perfektes aber evtl. kannst du dafür ne lösung finden


du hattest einen befehl genommen mit dem du eine feste icon datei eingebunden hast. aus diesem gefehl hab ich folgendes gebastelt:

Code: Alles auswählen

<!-- IF topicrow.TOPIC_ICON_IMG and S_TOPIC_ICONS -->
<span class="forum-image"><div style="background-image: url({T_ICONS_PATH}{topicrow.TOPIC_ICON_IMG}); background-repeat: no-repeat;">
<br />'.................'</div>	</span>	<!-- ENDIF --> 

das sieht dann im ganzen code so aus:

Code: Alles auswählen

		<li class="row<!-- IF topicrow.S_ROW_COUNT is even --> bg1<!-- ELSE --> bg2<!-- ENDIF --><!-- IF topicrow.S_POST_GLOBAL --> global-announce<!-- ENDIF --><!-- IF topicrow.S_POST_ANNOUNCE --> announce<!-- ENDIF --><!-- IF topicrow.S_POST_STICKY --> sticky<!-- ENDIF --><!-- IF topicrow.S_TOPIC_REPORTED --> reported<!-- ENDIF -->">
			<dl class="icon" style="background-image: url({topicrow.TOPIC_FOLDER_IMG_SRC}); background-repeat: no-repeat;">
				<dt title="{topicrow.TOPIC_FOLDER_IMG_ALT}"><!-- IF topicrow.S_UNREAD_TOPIC --><a href="{topicrow.U_NEWEST_POST}">{NEWEST_POST_IMG}</a> <!-- ENDIF --><a href="{topicrow.U_VIEW_TOPIC}" class="topictitle">{topicrow.TOPIC_TITLE}</a>

				<!-- IF topicrow.TOPIC_ICON_IMG and S_TOPIC_ICONS --><span class="forum-image"><div style="background-image: url({T_ICONS_PATH}{topicrow.TOPIC_ICON_IMG}); background-repeat: no-repeat;"><br />'.................'</div>	</span>	<!-- ENDIF --> 
				
					<!-- IF topicrow.S_TOPIC_UNAPPROVED or topicrow.S_POSTS_UNAPPROVED --><a href="{topicrow.U_MCP_QUEUE}">{topicrow.UNAPPROVED_IMG}</a> <!-- ENDIF -->
					<!-- IF topicrow.S_TOPIC_REPORTED --><a href="{topicrow.U_MCP_REPORT}">{REPORTED_IMG}</a><!-- ENDIF --><br />
					<!-- IF topicrow.PAGINATION --><strong class="pagination"><span>{topicrow.PAGINATION}</span></strong><!-- ENDIF -->
				{L_POST_BY_AUTHOR} {topicrow.TOPIC_AUTHOR_FULL} &raquo; {topicrow.FIRST_POST_TIME}
				</dt>
				
				<dd class="posts">{topicrow.REPLIES} <dfn>{L_REPLIES}</dfn></dd>
				<dd class="views">{topicrow.VIEWS} <dfn>{L_VIEWS}</dfn></dd>
				<dd class="lastpost"><span><dfn>{L_LAST_POST} </dfn>{L_POST_BY_AUTHOR} {topicrow.LAST_POST_AUTHOR_FULL}
					<!-- IF not S_IS_BOT --><a href="{topicrow.U_LAST_POST}">{LAST_POST_IMG}</a> <!-- ENDIF --><br />{topicrow.LAST_POST_TIME}</span>
				</dd>
			</dl>
		</li>

im gegensatz zu meinem ersten versuch hab ich das dann so in die vieforum_body.html eingebaut:

der zeigt dann das so ann wie ich haben will. ssprich er löscht das beitragsthemen ico aus dem anderenund setzt es vor den text dazwischen.

das problem ist nur um das icon in voller länge zu bekommen musste ich in der geänderten zeile zusatz symbole einfügne die bei dem dunkelen icons zwar nicht zu sehen aber wenn helle icons sichtbar sind.

Code: Alles auswählen

<!-- IF topicrow.TOPIC_ICON_IMG and S_TOPIC_ICONS -->
<span class="forum-image"><div style="background-image: url({T_ICONS_PATH}{topicrow.TOPIC_ICON_IMG}); background-repeat: no-repeat;">
<br /> 

das hier im code wird bei hellen icons ischtbar:
 '.................'    



    </div>	</span>	<!-- ENDIF --> 

[pebble]

Ich habs bei mir ausprobiert, da gehts.

Hast du beim Style auch das Template aktualisiert?

[chris1278]

ok brauch ein moment bis alles neu geladen.

so symbol ist getrennt aber der text also der thenem beitrag und die zeile darunter sind noch mit dem icon überlappend. wie kann man das denn trennen

weil jetzt siehts so aus:

[ externes Bild ]

nun müssten wir nur noch schaffen den text vom icon zu trennen.

[pebble]

Hallo,

ach, du mußt natürlich dein Theme aktualisieren und nicht dein Template.
Entschuldige.

Also ich habe den Code in der content.css folgendermaßen geändert

Code: Alles auswählen

dl.icon dt {
	padding-left: 80px;					/* Space for folder icon */
	background-repeat: no-repeat;
	background-position: 60px 95%;		/* Position of topic icon */
}

Vorher sah es so aus
[ externes Bild ]

Nach der Änderung so
[ externes Bild ]

Wie gesagt...
padding für Text und background für das Icon.

Warum geht das bei dir nicht?
Hast du die Werte nicht hoch genug gesetzt?