Onlinestatus als BG im Username Feld

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.
Benutzeravatar
Akio
Mitglied
Beiträge: 131
Registriert: 08.03.2007 15:41
Wohnort: Seligenstadt
Kontaktdaten:

Onlinestatus als BG im Username Feld

Beitrag von Akio »

Hallo ;)

Benutze das 1Game Template als vorlage http://www.awesomestyles.com/phpbb3-styles/view/1game (bei all meinen fragen in den letzten tagen kennt ihr mein forum vom sehen sicher eh schon ;)

http://www.hellsing-anime.de/phpBB3/vie ... f=1&t=3475

Würde gerne das Online und Offline Symbol (was bei mir en recht großes bild ist) als background img in einer div oder so in die tabellenspalte klatschen in der auch der username steht... ist das möglich?

Gruß

Benutzeravatar
Crizzo
Administrator
Administrator
Beiträge: 12113
Registriert: 19.05.2005 21:45
Kontaktdaten:

Re: Onlinestatus als BG im Username Feld

Beitrag von Crizzo »

Hi,

natürlich ist das möglich. In der Beitragansicht wird in der viewtopic_body.html in prosilver so abgefragt, ob der User online ist oder nicht:

Code: Alles auswählen

<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->
Dabei ist das innerhalb von class="" des <div>s, was den Beitrag umfasst und gibt dem Element zusätzlich eine Klasse "online", wenn der Nutzer online ist. Mit einer <!-- ELSE --> kannst du dann auch noch nach Wunsch ein "offline" einbinden.

Dann wird einfach sowas gemacht:

Code: Alles auswählen

.online {
	background-image: url("{IMG_ICON_USER_ONLINE_SRC}");
}
.offline {
	background-image: url("{IMG_ICON_USER_OFFLINE_SRC}");
}
Die Variable "{IMG_ICON_USER_ONLINE_SRC}" ist in der .cfg-Datei unter "styles/prosilver/imageset/de" und die anderen Sprachen definiert. Da ist auch noch Platz für ein "offline"-image. ;)

Das kannst du jetzt analog bei dir übertragen. Einfach mal in die viewtopic_body.html gehen und schauen, welches Element noch kein BG-Image hat und wem du das am besten verpassen kannst. Nützlich könnte es dann sein, wenn du dich mit "background-position" auskennst.

Noch Fragen? :)

Grüße
Benutzeravatar
Akio
Mitglied
Beiträge: 131
Registriert: 08.03.2007 15:41
Wohnort: Seligenstadt
Kontaktdaten:

Re: Onlinestatus als BG im Username Feld

Beitrag von Akio »

Benutze halt leider als basis template ein anderes... hmmm da ist alles mit tabellen gemacht...
was mich auch sehr ankotzt =(

Aber alles neu machen? steckt 3 tage arbeit drin jetzt =/

Meinste das ist auch mit meiner Template vorlage möglich?

hier meine viewtopic_body.html

Code: Alles auswählen

<!-- INCLUDE overall_header.html -->

<!-- IF S_FORUM_RULES -->
	<div class="forumrules">
		<!-- IF U_FORUM_RULES -->
			<h3>{L_FORUM_RULES}</h3><br />
			<a href="{U_FORUM_RULES}"><b>{L_FORUM_RULES_LINK}</b></a>
		<!-- ELSE -->
			<h3>{L_FORUM_RULES}</h3><br />
			{FORUM_RULES}
		<!-- ENDIF -->
	</div>

	<br clear="all" />
<!-- ENDIF -->

<div id="pageheader">
	<h2><a class="titles" href="{U_VIEW_TOPIC}">{TOPIC_TITLE}</a></h2>

<!-- IF MODERATORS -->
	<p class="moderators"><!-- IF S_SINGLE_MODERATOR -->{L_MODERATOR}<!-- ELSE -->{L_MODERATORS}<!-- ENDIF -->: {MODERATORS}</p>
<!-- ENDIF -->
<!-- IF U_MCP -->
	<p class="linkmcp">[ <a href="{U_MCP}">{L_MCP}</a> ]</p>
<!-- ENDIF -->
</div>

<br clear="all" /><br />

<div id="pagecontent">

	<table width="100%" cellspacing="1">
	<tr>
		<td align="{S_CONTENT_FLOW_BEGIN}" valign="middle" nowrap="nowrap">
		<!-- IF not S_IS_BOT -->
			<!-- IF S_DISPLAY_POST_INFO --><a href="{U_POST_NEW_TOPIC}">{POST_IMG}</a>&nbsp;<!-- ENDIF -->
			<!-- IF S_DISPLAY_REPLY_INFO --><a href="{U_POST_REPLY_TOPIC}">{REPLY_IMG}</a><!-- ENDIF -->
		<!-- ENDIF -->
		</td>
		<!-- IF TOTAL_POSTS -->
			<td class="nav" valign="middle" nowrap="nowrap">&nbsp;{PAGE_NUMBER}<br /></td>
			<td class="gensmall" nowrap="nowrap">&nbsp;[ {TOTAL_POSTS} ]&nbsp;</td>
			<td class="gensmall" width="100%" align="{S_CONTENT_FLOW_END}" nowrap="nowrap"><!-- INCLUDE pagination.html --></td>
		<!-- ENDIF -->
	</tr>
	</table>

	<table class="tablebg" width="100%" cellspacing="1">
	<tr>
		<td class="cat">
			<table width="100%" cellspacing="0">
			<tr>
				<td class="nav" nowrap="nowrap">&nbsp;
				<!-- IF not S_IS_BOT -->
					<!-- IF U_WATCH_TOPIC --><a href="{U_WATCH_TOPIC}" title="{L_WATCH_TOPIC}">{L_WATCH_TOPIC}</a><!-- IF U_PRINT_TOPIC or U_EMAIL_TOPIC or U_BUMP_TOPIC or U_BOOKMARK_TOPIC --> | <!-- ENDIF --><!-- ENDIF -->
					<!-- IF U_BOOKMARK_TOPIC --><a href="{U_BOOKMARK_TOPIC}" title="{L_BOOKMARK_TOPIC}">{L_BOOKMARK_TOPIC}</a><!-- IF U_PRINT_TOPIC or U_EMAIL_TOPIC or U_BUMP_TOPIC --> | <!-- ENDIF --><!-- ENDIF -->
					<!-- IF U_PRINT_TOPIC --><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}">{L_PRINT_TOPIC}</a><!-- IF U_EMAIL_TOPIC or U_BUMP_TOPIC --> | <!-- ENDIF --><!-- ENDIF -->
					<!-- IF U_EMAIL_TOPIC --><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}">{L_EMAIL_TOPIC}</a><!-- IF U_BUMP_TOPIC --> | <!-- ENDIF --><!-- ENDIF -->
					<!-- IF U_BUMP_TOPIC --><a href="{U_BUMP_TOPIC}" title="{L_BUMP_TOPIC}">{L_BUMP_TOPIC}</a><!-- ENDIF -->
				<!-- ENDIF -->
				</td>
				<td class="nav" align="{S_CONTENT_FLOW_END}" nowrap="nowrap"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a><!-- IF U_VIEW_UNREAD_POST and not S_IS_BOT --> | <a href="{U_VIEW_UNREAD_POST}">{L_VIEW_UNREAD_POST}</a><!-- ENDIF --> | <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;</td>
			</tr>
			</table>
		</td>
	</tr>
<!-- IF S_HAS_POLL -->
	<tr>
		<td class="row2" colspan="2" align="center"><br clear="all" />

			<form method="post" action="{S_POLL_ACTION}">

			<table cellspacing="0" cellpadding="4" border="0" align="center">
			<tr>
				<td align="center"><span class="gen"><b>{POLL_QUESTION}</b></span><br /><span class="gensmall">{L_POLL_LENGTH}</span></td>
			</tr>
			<tr>
				<td align="{S_CONTENT_FLOW_BEGIN}">
					<table cellspacing="0" cellpadding="2" border="0">
				<!-- BEGIN poll_option -->
					<tr>
					<!-- IF S_CAN_VOTE -->
						<td>
							<!-- IF S_IS_MULTI_CHOICE -->
								<input type="checkbox" class="radio" name="vote_id[]" value="{poll_option.POLL_OPTION_ID}"<!-- IF poll_option.POLL_OPTION_VOTED --> checked="checked"<!-- ENDIF --> />
							<!-- ELSE -->
								<input type="radio" class="radio" name="vote_id[]" value="{poll_option.POLL_OPTION_ID}"<!-- IF poll_option.POLL_OPTION_VOTED --> checked="checked"<!-- ENDIF --> />
							<!-- ENDIF -->
						</td>
					<!-- ENDIF -->
						<td><span class="gen">{poll_option.POLL_OPTION_CAPTION}</span></td>
						<!-- IF S_DISPLAY_RESULTS -->
							<td dir="ltr">{POLL_LEFT_CAP_IMG}{poll_option.POLL_OPTION_IMG}{POLL_RIGHT_CAP_IMG}</td>
							<td class="gen" align="{S_CONTENT_FLOW_END}"><b>&nbsp;{poll_option.POLL_OPTION_PERCENT}&nbsp;</b></td>
							<td class="gen" align="center">[ {poll_option.POLL_OPTION_RESULT} ]</td>
							<!-- IF poll_option.POLL_OPTION_VOTED -->
								<td class="gensmall" valign="top"><b title="{L_POLL_VOTED_OPTION}">x</b></td>
							<!-- ENDIF -->
						<!-- ENDIF -->
					</tr>
				<!-- END poll_option -->
					</table>
				</td>
			</tr>
		<!-- IF S_CAN_VOTE -->
			<tr>
				<td align="center"><span class="gensmall">{L_MAX_VOTES}</span><br /><br /><input type="submit" name="update" value="{L_SUBMIT_VOTE}" class="btnlite" /></td>
			</tr>
		<!-- ENDIF -->
		<!-- IF S_DISPLAY_RESULTS -->
			<tr>
				<td class="gensmall" colspan="4" align="center"><b>{L_TOTAL_VOTES} : {TOTAL_VOTES}</b></td>
			</tr>
		<!-- ELSE -->
			<tr>
				<td align="center"><span class="gensmall"><b><a href="{U_VIEW_RESULTS}">{L_VIEW_RESULTS}</a></b></span></td>
			</tr>
		<!-- ENDIF -->
			</table>
			{S_HIDDEN_FIELDS}
			{S_FORM_TOKEN}
			</form>

		</td>
	</tr>
<!-- ENDIF -->
	</table>

<!-- BEGIN postrow -->
	<table class="tablebg" width="100%" cellspacing="1">
	<!-- IF postrow.S_FIRST_ROW -->
		<tr>
			<th>{L_AUTHOR}</th>
			<th>{L_MESSAGE}</th>
		</tr>
	<!-- ENDIF -->
	<!-- IF postrow.S_ROW_COUNT is even --><tr class="row1"><!-- ELSE --><tr class="row2"><!-- ENDIF -->

	<!-- IF postrow.S_IGNORE_POST -->
			<td class="gensmall" colspan="2" height="25" align="center"><!-- IF postrow.S_FIRST_UNREAD --><a name="unread"></a><!-- ENDIF --><a name="p{postrow.POST_ID}"></a>{postrow.L_IGNORE_POST}</td>
	<!-- ELSE -->

			<td align="center" valign="middle">
				<!-- IF postrow.S_FIRST_UNREAD --><a name="unread"></a><!-- ENDIF --><a name="p{postrow.POST_ID}"></a>
				<b class="postauthor"<!-- IF postrow.POST_AUTHOR_COLOUR --> style="color: {postrow.POST_AUTHOR_COLOUR}"<!-- ENDIF -->>{postrow.POST_AUTHOR}</b>
			</td>
			<td width="100%" height="25">
				<table width="100%" cellspacing="0">
				<tr>
				<!-- IF postrow.POST_ICON_IMG -->
					<td><img src="{T_ICONS_PATH}{postrow.POST_ICON_IMG}" width="{postrow.POST_ICON_IMG_WIDTH}" height="{postrow.POST_ICON_IMG_HEIGHT}" alt="" title="" /></td>
				<!-- ENDIF -->
					<td class="gensmall" width="100%"><div style="float: {S_CONTENT_FLOW_BEGIN};">&nbsp;<b>{L_POST_SUBJECT}:</b> {postrow.POST_SUBJECT}</div><div style="float: {S_CONTENT_FLOW_END};"><!-- IF S_IS_BOT -->{postrow.MINI_POST_IMG}<!-- ELSE --><a href="{postrow.U_MINI_POST}">{postrow.MINI_POST_IMG}</a><!-- ENDIF --><b>{L_POSTED}:</b> {postrow.POST_DATE}&nbsp;</div></td>
				</tr>
				</table>
			</td>
		</tr>

		<!-- IF postrow.S_ROW_COUNT is even --><tr class="row1"><!-- ELSE --><tr class="row2"><!-- ENDIF -->

			<td valign="top" class="profile">
				<table cellspacing="4" align="center" width="150">
			<!-- IF postrow.RANK_TITLE -->
				<tr>
					<td class="postdetails" align="center">{postrow.RANK_TITLE}</td>
				</tr>
			<!-- ENDIF -->
			<!-- IF postrow.RANK_IMG -->
				<tr>
					<td align="center">{postrow.RANK_IMG}</td>
				</tr>
			<!-- ENDIF -->
			<!-- IF postrow.ONLINE_IMG -->
				<tr>
					<td>{postrow.ONLINE_IMG}</td>
				</tr>
			<!-- ENDIF -->
			<!-- IF postrow.POSTER_AVATAR -->
				<tr>
					<td>{postrow.POSTER_AVATAR}</td>
				</tr>
			<!-- ENDIF -->
			<!-- IF not (postrow.ONLINE_IMG or postrow.RANK_TITLE or postrow.RANK_IMG or postrow.POSTER_AVATAR) -->
				<tr>
					<td></td>
				</tr>
			<!-- ENDIF -->
				</table>

				<span class="postdetails">
					<!-- IF postrow.POSTER_JOINED --><br /><b>{L_JOINED}:</b> {postrow.POSTER_JOINED}<!-- ENDIF -->
					<!-- IF postrow.POSTER_POSTS != '' --><br /><b>{L_POSTS}:</b> {postrow.POSTER_POSTS}<!-- ENDIF -->
					<!-- IF postrow.POSTER_FROM --><br /><b>{L_LOCATION}:</b> {postrow.POSTER_FROM}<!-- ENDIF -->

					<!-- IF postrow.S_PROFILE_FIELD1 -->
						<!-- Use a construct like this to include admin defined profile fields. Replace FIELD1 with the name of your field. -->
						<br /><b>{postrow.PROFILE_FIELD1_NAME}:</b> {postrow.PROFILE_FIELD1_VALUE}
					<!-- ENDIF -->

					<!-- BEGIN custom_fields -->
						<br /><b>{postrow.custom_fields.PROFILE_FIELD_NAME}:</b> {postrow.custom_fields.PROFILE_FIELD_VALUE}
					<!-- END custom_fields -->
				</span>

			</td>
			<td valign="top">
				<table width="100%" cellspacing="5">
				<tr>
					<td>
					<!-- IF postrow.S_POST_UNAPPROVED or postrow.S_POST_REPORTED -->
						<table width="100%" cellspacing="0">
						<tr>
							<td class="gensmall"><!-- IF postrow.S_POST_UNAPPROVED --><span class="postapprove">{UNAPPROVED_IMG} <a href="{postrow.U_MCP_APPROVE}">{L_POST_UNAPPROVED}</a></span><br /> <!-- ENDIF --> <!-- IF postrow.S_POST_REPORTED --><span class="postreported">{REPORTED_IMG} <a href="{postrow.U_MCP_REPORT}">{L_POST_REPORTED}</a></span><!-- ENDIF --></td>
						</tr>
						</table>

						<br clear="all" />
					<!-- ENDIF -->

						<div class="postbody">{postrow.MESSAGE}</div>

					<!-- IF postrow.S_HAS_ATTACHMENTS -->
						<br clear="all" /><br />

						<table class="tablebg" width="100%" cellspacing="1">
						<tr>
							<td class="row3"><b class="genmed">{L_ATTACHMENTS}: </b></td>
						</tr>
						<!-- BEGIN attachment -->
							<tr>
								<!-- IF postrow.attachment.S_ROW_COUNT is even --><td class="row2"><!-- ELSE --><td class="row1"><!-- ENDIF -->{postrow.attachment.DISPLAY_ATTACHMENT}</td>
							</tr>
						<!-- END attachment -->
						</table>
					<!-- ENDIF -->

					<!-- IF postrow.S_DISPLAY_NOTICE -->
						<span class="gensmall error"><br /><br />{L_DOWNLOAD_NOTICE}</span>
					<!-- ENDIF -->
					<!-- IF postrow.SIGNATURE -->
						<span class="postbody"><br />_________________<br />{postrow.SIGNATURE}</span>
					<!-- ENDIF -->

					<!-- IF postrow.EDITED_MESSAGE or postrow.EDIT_REASON -->
						<!-- IF postrow.EDIT_REASON -->
							<br /><br />
							<table class="tablebg" width="100%" cellspacing="1">
							<tr>
								<td class="row3"><span class="gensmall">{postrow.EDITED_MESSAGE}</span></td>
							</tr>
							<tr>
								<td class="row2"><span class="genmed">{postrow.EDIT_REASON}</span></td>
							</tr>
							</table>
						<!-- ELSE -->
							<br /><br />
							<span class="gensmall">{postrow.EDITED_MESSAGE}</span>
						<!-- ENDIF -->
					<!-- ENDIF -->

					<!-- IF postrow.BUMPED_MESSAGE -->
						<span class="gensmall"><br /><br />{postrow.BUMPED_MESSAGE}</span>
					<!-- ENDIF -->

					<!-- IF not postrow.S_HAS_ATTACHMENTS --><br clear="all" /><br /><!-- ENDIF -->

						<table width="100%" cellspacing="0">
						<tr valign="middle">
							<td class="gensmall" align="{S_CONTENT_FLOW_END}">
							<!-- IF not S_IS_BOT -->
								<!-- IF postrow.U_REPORT --><a href="{postrow.U_REPORT}">{REPORT_IMG}</a> <!-- ENDIF --> 
								<!-- IF postrow.U_INFO --><a href="{postrow.U_INFO}">{INFO_IMG}</a> <!-- ENDIF --> 
								<!-- IF postrow.U_WARN --><a href="{postrow.U_WARN}">{WARN_IMG}</a> <!-- ENDIF --> 
								<!-- IF postrow.U_DELETE --><a href="{postrow.U_DELETE}">{DELETE_IMG}</a> <!-- ENDIF -->
							<!-- ENDIF -->
							</td>
						</tr>
						</table>
					</td>
				</tr>
				</table>
			</td>
		</tr>

		<!-- IF postrow.S_ROW_COUNT is even --><tr class="row1"><!-- ELSE --><tr class="row2"><!-- ENDIF -->

			<td class="profile"><strong><a href="#wrap">{L_BACK_TO_TOP}</a></strong></td>
			<td><div class="gensmall" style="float: {S_CONTENT_FLOW_BEGIN};">&nbsp;<!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}">{PROFILE_IMG}</a> <!-- ENDIF --> <!-- IF postrow.U_PM --><a href="{postrow.U_PM}">{PM_IMG}</a> <!-- ENDIF --> <!-- IF postrow.U_EMAIL --><a href="{postrow.U_EMAIL}">{EMAIL_IMG}</a> <!-- ENDIF -->&nbsp;</div> <div class="gensmall" style="float: {S_CONTENT_FLOW_END};"><!-- IF not S_IS_BOT --><!-- IF postrow.U_EDIT --><a href="{postrow.U_EDIT}">{EDIT_IMG}</a> <!-- ENDIF --> <!-- IF postrow.U_QUOTE --><a href="{postrow.U_QUOTE}">{QUOTE_IMG}</a> <!-- ENDIF --> <!-- ENDIF -->&nbsp;</div></td>
	<!-- ENDIF -->
		</tr>

	<tr>
		<td class="spacer" colspan="2" height="1"><img src="images/spacer.gif" alt="" width="1" height="1" /></td>
	</tr>
	</table>
<!-- END postrow -->

	<!-- IF not S_IS_BOT -->
	<table width="100%" cellspacing="1" class="tablebg">
	<tr align="center">
		<td class="cat"><form name="viewtopic" method="post" action="{S_TOPIC_ACTION}"><span class="gensmall">{L_DISPLAY_POSTS}:</span> {S_SELECT_SORT_DAYS}&nbsp;<span class="gensmall">{L_SORT_BY}</span> {S_SELECT_SORT_KEY} {S_SELECT_SORT_DIR}&nbsp;<input class="btnlite" type="submit" value="{L_GO}" name="sort" /></form></td>
	</tr>
	</table>
	<!-- ENDIF -->

	<table width="100%" cellspacing="1">
	<tr>
		<td align="{S_CONTENT_FLOW_BEGIN}" valign="middle" nowrap="nowrap">
		<!-- IF not S_IS_BOT -->
			<!-- IF S_DISPLAY_POST_INFO --><a href="{U_POST_NEW_TOPIC}">{POST_IMG}</a>&nbsp;<!-- ENDIF -->
			<!-- IF S_DISPLAY_REPLY_INFO --><a href="{U_POST_REPLY_TOPIC}">{REPLY_IMG}</a><!-- ENDIF -->
		<!-- ENDIF -->
		</td>
		<!-- IF TOTAL_POSTS -->
			<td class="nav" valign="middle" nowrap="nowrap">&nbsp;{PAGE_NUMBER}<br /></td>
			<td class="gensmall" nowrap="nowrap">&nbsp;[ {TOTAL_POSTS} ]&nbsp;</td>
			<td class="gensmall" width="100%" align="{S_CONTENT_FLOW_END}" nowrap="nowrap"><!-- INCLUDE pagination.html --></td>
		<!-- ENDIF -->
	</tr>
	</table>

</div>

<div id="pagefooter"></div>

<br clear="all" />
<!-- IF S_QUICK_REPLY -->
<!-- INCLUDE quickreply_editor.html -->
<!-- ENDIF -->

<!-- INCLUDE breadcrumbs.html -->

<!-- IF S_DISPLAY_ONLINE_LIST -->
	<br clear="all" />

	<table class="tablebg" width="100%" cellspacing="1">
	<tr>
		<td class="cat"><h4>{L_WHO_IS_ONLINE}</h4></td>
	</tr>
	<tr>
		<td class="row1"><p class="gensmall">{LOGGED_IN_USER_LIST}</p></td>
	</tr>
	</table>
<!-- ENDIF -->

<br clear="all" />

<table width="100%" cellspacing="1">
<tr>
	<td width="40%" valign="top" nowrap="nowrap" align="{S_CONTENT_FLOW_BEGIN}"><!-- IF S_TOPIC_MOD --><form method="post" action="{S_MOD_ACTION}"><span class="gensmall">{L_QUICK_MOD}:</span> {S_TOPIC_MOD} <input class="btnlite" type="submit" value="{L_GO}" /></form><!-- ENDIF --></td>
	<td align="{S_CONTENT_FLOW_END}" valign="top" nowrap="nowrap"><span class="gensmall"><!-- BEGIN rules -->{rules.RULE}<br /><!-- END rules --></span></td>
</tr>
</table>

<br clear="all" />

<table width="100%" cellspacing="0">
<tr>
	<td><!-- IF S_DISPLAY_SEARCHBOX --><!-- INCLUDE searchbox.html --><!-- ENDIF --></td>
	<td align="{S_CONTENT_FLOW_END}"><!-- INCLUDE jumpbox.html --></td>
</tr>
</table>

<!-- INCLUDE overall_footer.html -->
Benutzeravatar
Crizzo
Administrator
Administrator
Beiträge: 12113
Registriert: 19.05.2005 21:45
Kontaktdaten:

Re: Onlinestatus als BG im Username Feld

Beitrag von Crizzo »

Das geht damit auch. Da ist ja aktuell scheinbar über das hier:

Code: Alles auswählen

<!-- IF postrow.ONLINE_IMG -->
            <tr>
               <td>{postrow.ONLINE_IMG}</td>
            </tr>
         <!-- ENDIF -->
Das Online-Bild gesteuert. Wenn du das entfernst und dann wie oben geschildert der Tabelle bzw. dem tr/td-Element das Attribut "class" mit passender Online-Abfrage verpasst, funktioniert das wohl genauso. :)
Benutzeravatar
Akio
Mitglied
Beiträge: 131
Registriert: 08.03.2007 15:41
Wohnort: Seligenstadt
Kontaktdaten:

Re: Onlinestatus als BG im Username Feld

Beitrag von Akio »

sry ich habs jetzt 8 mal durchgelesen und nen freund gefragt... ich versteh absolut nicht wie ich vor gehen soll ^^

Der Username ist: (Das Tabellenfeld in der ich das Online/Offline Bild als BG haben will)

Code: Alles auswählen

<td align="center" valign="middle">
	<!-- IF postrow.S_FIRST_UNREAD --><a name="unread"></a><!-- ENDIF --><a name="p{postrow.POST_ID}"></a>
	<b class="postauthor"<!-- IF postrow.POST_AUTHOR_COLOUR --> style="color: {postrow.POST_AUTHOR_COLOUR}"<!-- ENDIF -->>{postrow.POST_AUTHOR}</b>
</td>
In der CSS:

Code: Alles auswählen

.postauthor {
	color: #fff;
}
Und derzeit ist das Online/Offline Bild: (Leider komplett wo anders...)

Code: Alles auswählen

<!-- IF postrow.ONLINE_IMG -->
	<tr>
		<td>{postrow.ONLINE_IMG}</td>
	</tr>
<!-- ENDIF -->
Und ich versteh einfach nich was ich da jetzt machen muss damit ich das Online/Offline zeug als BG in die oben besagte Tabelle bekomme =/
Bin leider nicht so gut im umgang mit dieser phpBB sache...
Währe Dankbar wenn es nochmal jemand für dumme erklären Könnte...

Hatte mir vorhin eigentlich vorgenommen ein neues Template zu machen mit Postsilver als Vorlage...
Habe dann aber schnell festgestellt das das nicht viel sinn macht wenn man 0 Photoshop Skills hat =/
Benutzeravatar
Crizzo
Administrator
Administrator
Beiträge: 12113
Registriert: 19.05.2005 21:45
Kontaktdaten:

Re: Onlinestatus als BG im Username Feld

Beitrag von Crizzo »

Nun gut. Mal ein Beispiel:
Hier diesem <td>-Element gibst du das Attribut "class" und je nach Abfrage dann "online" oder "offline".

Code: Alles auswählen

<td align="center" valign="middle">
       <!-- IF postrow.S_FIRST_UNREAD --><a name="unread"></a><!-- ENDIF --><a name="p{postrow.POST_ID}"></a>
       <b class="postauthor"<!-- IF postrow.POST_AUTHOR_COLOUR --> style="color: {postrow.POST_AUTHOR_COLOUR}"<!-- ENDIF -->>{postrow.POST_AUTHOR}</b>
    </td>
Sieht dann so aus:

Code: Alles auswählen

<td align="center" valign="middle" class="<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST -->online<!-- ELSE -->offline<!-- ENDIF -->">
       <!-- IF postrow.S_FIRST_UNREAD --><a name="unread"></a><!-- ENDIF --><a name="p{postrow.POST_ID}"></a>
       <b class="postauthor"<!-- IF postrow.POST_AUTHOR_COLOUR --> style="color: {postrow.POST_AUTHOR_COLOUR}"<!-- ENDIF -->>{postrow.POST_AUTHOR}</b>
    </td>
Jetzt gehst du in eine CSS-Datei deiner Wahl und ergänzt sowas:

Code: Alles auswählen

.online, .offline {
background-repeat: no-repeat;
background-position: 0 100%;
}

.online {
       background-image: url("{IMG_ICON_USER_ONLINE_SRC}");
    }
    .offline {
       background-image: url("{IMG_ICON_USER_OFFLINE_SRC}");
    }
Danach gehst du in den Ordner "styles/deinstyle/imageset/de", kopierst dort deine Offline, Online-Grafiken rein und öffnest die imageset.cfg:
Finde:

Code: Alles auswählen

img_icon_user_online =
und dort hinter ergänzt du dann z.B. folgendes für eine Grafik mit dem Namen "online.gif" und der Breite von 50px und Höhe von 10px: online.gif*10*50
Sieht dann so aus:

Code: Alles auswählen

img_icon_user_online = online.gif*10*50
Danach Grafiksammlung, Template, Theme aktualisieren und Cache leeren.

Jetzt sollte es eingeblendet werden. Richtig platzieren und evtl. einem anderen Element die Klasse geben geht natürlich auch. Das ist aber dann deine Sache.
Benutzeravatar
Akio
Mitglied
Beiträge: 131
Registriert: 08.03.2007 15:41
Wohnort: Seligenstadt
Kontaktdaten:

Re: Onlinestatus als BG im Username Feld

Beitrag von Akio »

Habs jetzt genau so gemacht...

viewtopic_body.html

Code: Alles auswählen

            <td align="center" valign="middle" class="<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST -->online<!-- ELSE -->offline<!-- ENDIF -->">
				<!-- IF postrow.S_FIRST_UNREAD --><a name="unread"></a><!-- ENDIF --><a name="p{postrow.POST_ID}"></a>
				<b class="postauthor"<!-- IF postrow.POST_AUTHOR_COLOUR --> style="color: {postrow.POST_AUTHOR_COLOUR}"<!-- ENDIF -->>{postrow.POST_AUTHOR}</b>
			</td>
In meiner CSS (eingetragen, stand vorher niergendwo irgendwas von on oder of in der css...

Code: Alles auswählen

.online, .offline {
background-repeat: no-repeat;
background-position: 0 100%;
}

.online {
       background-image: url("{IMG_ICON_USER_ONLINE_SRC}");
    }
.offline {
       background-image: url("{IMG_ICON_USER_OFFLINE_SRC}");
    }
Und das ist meine imageset.cfg im de Ordner, welcher sich natürlich im imageset ordner befindet

Code: Alles auswählen

#
# phpBB style configuration file
#
# @package phpBB3
# @copyright (c) 2005 phpBB Group
# @license http://opensource.org/licenses/gpl-license.php GNU Public License
#
#
# At the left is the name, please do not change this
# At the right the value is entered
# For on/off options the valid values are on, off, 1, 0, true and false
#
# Values get trimmed, if you want to add a space in front or at the end of
# the value, then enclose the value with single or double quotes.
# Single and double quotes do not need to be escaped.
#
#

# General Information about this template
name = Hellsing-Anime
copyright = &copy; 2012 phpbb
version = 3.0.10

img_icon_contact_aim = icon_contact_aim.gif
img_icon_contact_email = icon_contact_email.png
img_icon_contact_icq = icon_contact_icq.gif
img_icon_contact_jabber = icon_contact_jabber.gif
img_icon_contact_msnm = icon_contact_msnm.gif
img_icon_contact_pm = icon_contact_pm.png
img_icon_contact_yahoo = icon_contact_yahoo.gif
img_icon_contact_www = icon_contact_www.gif
img_icon_post_delete = icon_post_delete.gif
img_icon_post_edit = icon_post_edit.png
img_icon_post_info = icon_post_info.gif
img_icon_post_quote = icon_post_quote.png
img_icon_post_report = icon_post_report.gif
img_icon_user_online = icon_user_online.png
img_icon_user_offline = icon_user_offline.png
img_icon_user_profile = icon_user_profile.png
img_icon_user_search = icon_user_search.gif
img_icon_user_warn = icon_user_warn.gif
img_button_pm_new = button_pm_new.gif
img_button_pm_reply = button_pm_reply.gif
img_button_topic_locked = button_topic_locked.gif
img_button_topic_new = button_topic_new.png
img_button_topic_reply = button_topic_reply.png
icon_user_online.png und icon_user_offline.png befinden sich auch im de ordner =/ was hab ich falsch gemacht?
Ja Cache hab ich mehrmals gelöscht ;)

Wenn ich in Firebug die TabellenSpalte anklicke und die maus über:

Code: Alles auswählen

.offline {
    background-image: url("{IMG_ICON_USER_OFFLINE_SRC}");
halte sagt er mir das das angegebene bild nicht gefunden werden kann...

Das selbe Problem habe ich aber auch in der css mit den anderen Bildern...
Muss alle Bg bilder immer mit background: url("images/headerbg_1.jpg") top center no-repeat; einbinden... Wenn ich vor das images {T_THEME_PATH} setze findet er auch nichts... =/


Hier mal miene ganze CSS evtl ist dort ein fehler drin?

Code: Alles auswählen

/*  phpBB 3.0 Style Sheet
    --------------------------------------------------------------
	Style name:		subsilver2
	Based on style:	subSilver (the default phpBB 2 style)
	Original author:	subBlue ( http://www.subBlue.com/ )
	Modified by:		psoTFX and the phpBB team ( http://www.phpbb.com )
	
	This is an alternative style for phpBB3 for those wishing to stay with
	the familiar subSilver style of phpBB version 2.x
	
	Copyright 2006 phpBB Group ( http://www.phpbb.com/ )
    --------------------------------------------------------------
*/

/* Layout
 ------------ */
* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
}

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #ffffff;
	background-color: #111111;
	font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
	margin: 0px;
	background-image: url("images/back.jpg");
}

a.subforum.read {
   background-image: url("../imageset/subforum_read.png");
   background-repeat: no-repeat;
   background-position: 0 50%;
   position: relative;
   white-space: nowrap;
   padding: 0 0 0 12px;
}

a.subforum.unread {
   background-image: url("../imageset/subforum_unread.png");
   background-repeat: no-repeat;
   background-position: 0 50%;
   position: relative;
   white-space: nowrap;
   padding: 0 0 0 12px;
}

#top 
{
	width: 960px;
	height: 285px;
	margin: 0 auto;
}

#wrap 
{
	width: 956px;
	min-width: 650px;
	margin: 0px auto;
	border-top: 1px solid #303030;
	border-left: 2px solid #303030;
	border-right: 2px solid #303030;
	border-bottom: 2px solid #303030;
	background-color: #202020;
}

.borderwrap
{
	background: #1e1e1e;
	border: 0px;
	padding: 0px;
	margin: 0px;
}

#logo
{
	background: #1a1a1a;
	border: 1px solid #1e1e1e;
	height: 119px;
	margin: 0;
	padding: 0;
}

#logographic
{
	height: 119px;
	margin: 0;
	padding: 0;
}

#submenu
{
	background: #292929;
	border-top: 1px solid #303030;
	border-bottom: 1px solid #303030;
	color: #FFFFFF;
	margin: 0;
	height: 30px;
	text-align: right;
}

.left,
.right
{
	background: #292929;
	float: right;
	font-size: 11px;
	line-height: 30px;
	font-weight: bold;
	margin: 0px;
	width: auto;
}

.left
{
	float: left;
	border-left: 0px;
}

.left a:link, 
.left a:visited,
.right a:link, 
.right a:visited
{
	background: transparent;
	color: #db1111;
	padding: 0 6px 0 6px;
	text-decoration: none;
}

.left a:hover, 
.left a:active,
.right a:hover, 
.right a:active
{
	background: transparent;
	color: #FFF;
}


#uplink
{
	background: #202020;
	margin: 5px 0 5px 0;
	padding: 0 5px 0 5px;
}

#uplink
{
	background: #202020;
	*/border: 1px solid #1e1e1e;
	*/: ;
}

#uplink p
{
	background: transparent !important;
	border: 0 !important;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 0;
	margin: 0 !important;
	padding: 7px 0 7px 0;
	text-align: right;
}

#uplink p.register
{
	text-align: center;
}

#uplink p.home,
#uplink p.home
{
	float: left;
}

.info
{
	background: #2a2a2a;
	border-top: 1px solid #1e1e1e;
	border-bottom: 1px solid #1e1e1e;
	margin: 0;
	width: 100%;
}

.info td
{
	color: #7a7a7a;
	font-size: 10px;
	padding: 5px 5px 5px 10px;
}

.info span
{
	background: transparent;
	color: #FFF;
	font-style: italic;
	font-weight: normal;
}

.info input
{
	background: #303030;
	border: 1px solid #1e1e1e;
	color: #FFF;
	font-size: 10px;
	padding: 3px;
	vertical-align: middle;
	width: auto;
}

.info input.button
{
	background: transparent;
	border: 0;
	color: #FFF;
	vertical-align: middle;
}



.maintitle p.expand,
.maintitle p.goto,
.maintitlecollapse p.expand,
.formsubtitle p.members
{
	float: right;
	width: auto !important;
}

.maintitle a:link, 
.maintitle a:visited,
.maintitlecollapse a:link, 
.maintitlecollapse a:visited
{
	background: transparent;
	color: #fff;
	text-decoration: none;
}

.maintitle a:hover, 
.maintitle a:active,
.maintitlecollapse a:hover, 
.maintitlecollapse a:active
{
	background: transparent;
	color: #fff;
}





#wrapheader {
	min-height: 120px;
	height: auto !important;
	height: 120px;
/*	background-image: url('./images/background.gif');
	background-repeat: repeat-x;*/
/*	padding: 0 25px 15px 25px;*/
	padding: 0;
}

#wrapcentre {
	margin: 15px 5px 0 5px;
}

#wrapfooter {
	text-align: center;
	clear: both;
}

#wrapnav {
	width: 100%;
	margin: 0;
	background-color: #262626;
	border-width: 1px;
	border-style: solid;
	border-color: #1e1e1e;
}

#logodesc {
	margin-bottom: 5px;
	padding: 5px 25px;
	background: #e2dddb;
	border-bottom: 1px solid #a75a47;
}

#menubar {
	margin: 0 25px;
}

#datebar {
	margin: 10px 25px 0 25px;
}

#findbar {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

.forumrules {
	background-color: #3e3e3e;
	border-width: 1px;
	border-style: solid;
	border-color: #a75a47;
	padding: 4px;
	font-weight: normal;
	font-size: 1.1em;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.forumrules h3 {
	color: red;
}

#pageheader { }
#pagecontent { }
#pagefooter { }

#poll { }
#postrow { }
#postdata { }


/*  Text
 --------------------- */
h1 {
	color: black;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.8em;
	text-decoration: none;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	text-decoration: none;
	line-height: 120%;
}

h3 {
	font-size: 1.3em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 120%;
}

h4 {
	margin: 0;
	font-size: 1.1em;
	font-weight: bold;
}

p {
	font-size: 1.1em;
}

p.moderators {
	margin: 0;
	float: left;
	color: #FFF;
	font-weight: bold;
}

.rtl p.moderators {
	float: right;
}

p.linkmcp {
	margin: 0;
	float: right;
	white-space: nowrap;
}

.rtl p.linkmcp {
	float: left;
}

p.breadcrumbs {
	margin: 0;
	float: left;
	color: black;
	font-weight: bold;
	white-space: normal;
	font-size: 1em;
	color: #FFF;
}

.rtl p.breadcrumbs {
	float: right;
}

p.datetime {
	margin: 0;
	float: right;
	white-space: nowrap;
	font-size: 1em;
}

.rtl p.datetime {
	float: left;
}

p.searchbar {
	padding: 2px 0;
	white-space: nowrap;
} 

p.searchbarreg {
	margin: 0;
	float: right;
	white-space: nowrap;
}

.rtl p.searchbarreg {
	float: left;
}

p.forumdesc {
	padding-bottom: 4px;
}

p.topicauthor {
	margin: 1px 0;
}

p.topicdetails {
	margin: 1px 0;
}

.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {
	margin: 1px 0;
	color: red;
	font-weight:bold;
}

.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {
	color: green;
	font-weight:bold;
}

.postapprove img, .postreported img {
	vertical-align: bottom;
}

.postauthor {
	color: #fff;
}

.postdetails {
	color: #fff;
}

.postbody {
	font-size: 1.3em;
	line-height: 1.4em;
	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

.postbody li, ol, ul {
	margin: 0 0 0 1.5em;
	list-style: disc;
}

.rtl .postbody li, .rtl ol, .rtl ul {
	margin: 0 1.5em 0 0;
	list-style: disc;
}

.posthilit {
	background-color: yellow;
}

.nav {
	margin: 0;
	color: #e7e7e7;
	font-weight: bold;
}

.pagination {
	padding: 4px;
	color: black;
	font-size: 1em;
	font-weight: bold;
}

.cattitle {

}

.gen {
	margin: 1px 1px;
	font-size: 1.2em;
}

.genmed {
	margin: 1px 1px;
	font-size: 1.1em;
}

.gensmall {
	margin: 1px 1px;
	font-size: 1em;
}

.copyright {
	color: #444;
	font-weight: normal;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.titles {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	text-decoration: none;
}

.error {
	color: red;
}


/* Tables
 ------------ */
th {
	color: #db2d16;
	font-size: 10px;
	font-weight: bold;
	background-color: #1a1a1a;
	white-space: nowrap;
	border-left: 1px solid #303030;
	border-top: 1px solid #303030;
	padding: 5px 5px;
}

td {
	padding: 2px;
}
td.profile {
	padding: 4px;
}

.tablebg {
	border: 1px solid #303030;
	background-color: #1e1e1e;
}

.catdiv {
	height: 25px;
	margin: 0;
	padding: 0;
	border: 0;
	background: white url("images/cellpic2.jpg") repeat-y scroll top left;
}
.rtl .catdiv {
	background: white url("images/cellpic2_rtl.jpg") repeat-y scroll top right;
}

.cat {
	height: 25px;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #d5ccc9;
	background-image: url("images/cellpic_ha.png");
	text-indent: 4px;
}

.row1 {
	background-color: #262626;
	border-left: 1px solid #303030;
	border-top: 1px solid #303030;
	padding: 4px;
}

.row2 {
	background-color: #262626;
	border-left: 1px solid #303030;
	border-top: 1px solid #303030;
	padding: 4px;
}

.row3 {
	background-color: #353434;
	padding: 6px;
}

.spacer {
	background-color: #202020;
}

hr {
	height: 1px;
	border-width: 0;
	background-color: #dad5d3;
	color: #dad5d3;
}

.legend {
	text-align:center;
	margin: 0 auto;
}

/* Links
 ------------ */
a:link {
	color: #fcfceb;
	text-decoration: none;
}

a:active,
a:visited {
	color: #fcfceb;
	text-decoration: none;
}

a:hover {
	color: #db1a19;
	text-decoration: none;
}

a.forumlink {
	font-weight: bold;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
}

a.topictitle {
	margin: 1px 0;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
}

a.topictitle:visited {
	color: #b46854;
	text-decoration: none;
}

th a,
th a:visited {
	color: #FFA34F !important;
	text-decoration: none;
}

th a:hover {
	text-decoration: underline;
}


/* Form Elements
 ------------ */
form {
	margin: 0;
	padding: 0;
	border: 0;
}

input {
	color: #fff;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding: 1px;
	border: 1px solid #303030;
	background-color: #3e3e3e;
}

textarea {
	background-color: #2b2929;
	color: #fafafa;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.3em; 
	line-height: 1.4em;
	font-weight: normal;
	border: 1px solid #1e1e1e;
	padding: 2px;
}

select {
	color: #fff;
	background-color: #1f1f1f;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	border: 1px solid #303030;
	padding: 1px;
}

option {
	padding: 0 1em 0 0;
}

option.disabled-option {
	color: graytext;
}

.rtl option {
	padding: 0 0 0 1em;
}

input.radio {
	border: none;
	background-color: transparent;
}

.post {
	background-color: #262626;
	border-style: solid;
	border-width: 1px;
}

.btnbbcode {
	color: #fff;
	font-weight: normal;
	font-size: 1.1em;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	background-color: #2c2929;
	border: 1px solid #666666;
}

.btnmain {
	font-weight: bold;
	background-color: #262626;
	border: 1px solid #1e1e1e;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 1.1em;
}

.btnlite {
	font-weight: normal;
	background-color: #262626;
	border: 1px solid #1e1e1e;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 1.1em;
}

.btnfile {
	font-weight: normal;
	background-color: #262626;
	border: 1px solid #1e1e1e;
	padding: 1px 5px;
	font-size: 1.1em;
}

.helpline {
	background-color: #262626;
	border-style: none;
}


/* BBCode
 ------------ */
.quotetitle, .attachtitle {
	margin: 10px 5px 0 5px;
	padding: 4px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #1e1e1e;
	color: #333333;
	background-color: #1e1e1e;
	font-size: 0.85em;
	font-weight: bold;
}

.quotetitle .quotetitle {
	font-size: 1em;
}

.quotecontent, .attachcontent {
	margin: 0 5px 10px 5px;
	padding: 5px;
	border-color: #1e1e1e;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.4em;
	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
	background-color: #2b2929;
	color: #fafafa;
}

.attachcontent {
	font-size: 0.85em;
}

.codetitle {
	margin: 10px 5px 0 5px;
	padding: 2px 4px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #1e1e1e;
	color: #333333;
	background-color: #1e1e1e;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.8em;
}

.codecontent {
	direction: ltr;
	margin: 0 5px 10px 5px;
	padding: 5px;
	border-color: #1e1e1e;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	color: #fff;
	font-size: 0.85em;
	font-family: Monaco, 'Courier New', monospace;
	background-color: #2b2929;
}

.syntaxbg {
	color: #1f1f1f;
}

.syntaxcomment {
	color: #FF8000;
}

.syntaxdefault {
	color: #0000BB;
}

.syntaxhtml {
	color: #fff;
}

.syntaxkeyword {
	color: #007700;
}

.syntaxstring {
	color: #DD0000;
}


/* Private messages
 ------------------ */
.pm_marked_colour {
	background-color: #fff;
}

.pm_replied_colour {
	background-color: #1e1e1e;
}

.pm_friend_colour {
	background-color: #007700;
}

.pm_foe_colour {
	background-color: #DD0000;
}



/* Chat
 ------------ */

#chatbox {
	margin-top: 10px;
}

#chat_overflow {
	overflow: auto;
	height: 200px;
}

#chat_messages .chat_date {
	font-size: 1.4em;
}

#chat_messages tr {
	padding: 5px;
}

#chat_messages tr.new *  {
	background-color: #ecd5d8 !important; /* <------------------------------------ You might want to change it. It's a good idea to copy it from div.rules. */
}

#chatbox #chat_messages td.chat_info {
	width: 15%;
	position: relative;
}

#chatbox #chat_messages td.chat_info .chat_time {
	float: left;
}

#chatbox #chat_messages td.chat_info .chat_actions {
	bottom: 0pt;
	font-weight: bold;
	float: right;
}

#chatbox #chat_messages td.chat_text {
	width: 85%;
}

#chatbox #chat_posting #chat_posting_submit {
	margin-left: 10px;
	float: right;
	width: 100px;
}

#chatbox #chat_posting #chat_message {
	width: 95%;
}
/* Misc
 ------------ */
img {
	border: none;
	max-width: 753px;
}

.sep {
	color: black;
	background-color: #FFA34F;
}

table.colortable td {
	padding: 0;
}

pre {
	font-size: 1.1em;
	font-family: Monaco, 'Courier New', monospace;
}

.nowrap {
	white-space: nowrap;
}

.username-coloured {
	font-weight: bold;
}

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 418px; /*width of featured content slider*/
height: 207px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
width: 418px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 600px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: navy;
padding: 5px 10px;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #00007D;
background: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}

/*Hellsing Anime Spezifisches*/
div.pagewrapperbg {
background: url("images/headerbg_1.jpg") top center no-repeat;
min-height: 1024px;
}

div.footercreditskram {
width: 960px;
margin: 50px auto;
}

.online, .offline {
background-repeat: no-repeat;
background-position: 0 100%;
}

.online {
       background-image: url("{IMG_ICON_USER_ONLINE_SRC}");
    }
.offline {
       background-image: url("{IMG_ICON_USER_OFFLINE_SRC}");
    }
Benutzeravatar
Crizzo
Administrator
Administrator
Beiträge: 12113
Registriert: 19.05.2005 21:45
Kontaktdaten:

Re: Onlinestatus als BG im Username Feld

Beitrag von Crizzo »

Schau mal in die Datei:\styles\DEINSTYLENAME\theme\theme.cfg
und finde:

Code: Alles auswählen

parse_css_file = 
steht das auf "off" oder "on"? Muss "on" sein. ;)
Benutzeravatar
Akio
Mitglied
Beiträge: 131
Registriert: 08.03.2007 15:41
Wohnort: Seligenstadt
Kontaktdaten:

Re: Onlinestatus als BG im Username Feld

Beitrag von Akio »

oh gott und ich wunder mich als... Verdammt es funktioniert endlich ^^
was eine erleichterung xD vielen vielen dank! :D war kurz vorm verzweifeln ;P

Allerdings weiste was das harte an der sache ist? ich hab leider ne neue frage... xD

Und zwar wollte ich die buttons bei den Beiträgen hoverfähig machen...

http://mywebexile.de/testhover.html

hier in meiner testfile hat auch alles wunderbar funktioniert nur leider nicht im forum... verstehe nicht wieso =/

http://www.hellsing-anime.de/phpBB3/vie ... ?f=1&t=156

Haste da evtl ne idee?

Hab in der viewtopic_body.html <a class="haViewTopic_Body_Profile" href="{postrow.U_POST_AUTHOR}">{PROFILE_IMG}</a> einfach die class eingebunden... aber will leider nich =/

Ps.: habs ausm forum grad raus genommen weils nicht gefunzt hat. nich wundern wenn du mit firebug schaust und nix findest...
Benutzeravatar
Crizzo
Administrator
Administrator
Beiträge: 12113
Registriert: 19.05.2005 21:45
Kontaktdaten:

Re: Onlinestatus als BG im Username Feld

Beitrag von Crizzo »

Im Prinzip wird das bei "prosilver" so auch gemacht. Schaus dir doch mal dort an und dann baus bei dir so ein. :wink:
Antworten

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