phpBB.de

phpBB.de - Die deutsche phpBB-Community
https://www.phpbb.de/community/

Stylebau - Beiträge in Boxen

https://www.phpbb.de/community/viewtopic.php?t=208446

Seite 1 von 1

Stylebau - Beiträge in Boxen

Verfasst: 09.08.2010 12:05
von mezira
Hallo Leute,
ich hoffe jemand kann mir dabei helfen, es ist zwar mein 1. Beitrag hier, aber ich lese sonst allgemein einfach immer nur und suche nach dem Thema, das gabs sicher auch schon irgendwo, aber ich finde einfach keinen passenden Thread dazu (Mr. Google findet auch nichts), wenn ihr also ein Thema dazu finden solltet wäre ich dankbar.

Ich hab folgendes Problem:
Ich bastel momentan am Subsilver Style für meine Gilde herum um eine eigenen Style zu bauen und möchte die verschiedenen Beiträge in der viewtopic_body.html mit einer Grafik umranden, ich hab es aber bisher nur geschafft das komplette Thema mit in meine Box einzubetten.
Das ganze sieht momentan so aus:
http://s10.directupload.net/file/d/2246 ... dw_jpg.htm

Ich habe den Code in eine seperate html geschrieben, sodass man nur:
<!-- INCLUDE box_oben.html -->
<!-- INCLUDE box_unten.html -->
schreiben muss, funktioniert alles wunderbar nur wenn ich die Beiträge (dort wo der Trenner momentan ist) mit der Grafik trennen möchte spinnt alles rum.

Meine aktuelle viewtopic_body.html:

Code: Alles auswählen

<!-- INCLUDE overall_header.html -->
<br />
<div id="pagecontent"><!-- INCLUDE box_oben.html -->
	<table width="100%" cellspacing="1">
	<tr>
		<!-- IF not S_IS_BOT -->
			<td align="{S_CONTENT_FLOW_BEGIN}" valign="middle" nowrap="nowrap">
				<!-- IF S_DISPLAY_REPLY_INFO --><a href="{U_POST_REPLY_TOPIC}">{REPLY_IMG}</a><!-- ENDIF -->
			</td>
		<!-- ENDIF -->
		<!-- 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><!-- INCLUDE box_unten.html -->
<!-- IF S_HAS_POLL -->
		<!-- INCLUDE box_oben.html -->
	<table class="tablebg" width="100%" cellspacing="{$CA_SPACING}">
	<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" class="poll">
			<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>
						<td><span class="gen">
							<!-- IF S_CAN_VOTE -->
								<label>
								<!-- 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 -->
							<!-- ENDIF -->
							{poll_option.POLL_OPTION_CAPTION}
							<!-- IF S_CAN_VOTE --></label><!-- ENDIF -->
						</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>
	</table>
    </div>
		<!-- INCLUDE box_unten.html -->
<!-- ENDIF -->
<!-- INCLUDE box_oben.html -->
<!-- BEGIN postrow -->
	<!-- IF postrow.S_FIRST_ROW or $CA_SPLIT_POSTS -->
		<table class="tablebg" width="100%" cellspacing="0">
        <!-- IF not $CA_SPLIT_POSTS -->
        <tr>
            <th>{L_AUTHOR}</th>
            <th width="100%">{L_MESSAGE}</th>
        </tr>
        <!-- ENDIF -->
	<!-- ENDIF -->
	<!-- IF postrow.S_ROW_COUNT is even --><tr class="row1"><!-- ELSE --><tr class="row2"><!-- ENDIF -->

	<!-- IF postrow.S_IGNORE_POST -->
			<td class="gensmall row" 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="top" class="row">
				<!-- IF postrow.S_FIRST_UNREAD --><a name="unread"></a><!-- ENDIF --><a name="p{postrow.POST_ID}"></a>
				<div class="postauthor"<!-- IF postrow.POST_AUTHOR_COLOUR --> style="color: {postrow.POST_AUTHOR_COLOUR}"<!-- ENDIF -->>{postrow.POST_AUTHOR}</div>
				<!-- IF postrow.ONLINE_IMG && postrow.S_ONLINE --><div class="postonline">{postrow.ONLINE_IMG}</div><!-- ENDIF -->
				<!-- IF postrow.RANK_TITLE --><div class="posterrank">{postrow.RANK_TITLE}</div><!-- ENDIF -->
				<!-- IF postrow.RANK_IMG --><div class="postrankimg">{postrow.RANK_IMG}</div><!-- ENDIF -->
				<!-- IF postrow.POSTER_AVATAR --><div class="postavatar">{postrow.POSTER_AVATAR}</div><!-- ENDIF -->

				<div 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 -->
				</div>
			</td>
			<td width="100%" height="25" class="row" valign="top">
				<!-- IF not S_IS_BOT --><div style="float: {S_CONTENT_FLOW_END};"><!-- 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 --></div><!-- ENDIF -->
				<div class="postsubject"><!-- IF S_IS_BOT -->{postrow.MINI_POST_IMG}<!-- ELSE --><a href="{postrow.U_MINI_POST}"><!-- IF postrow.POST_ICON_IMG --><img src="{T_ICONS_PATH}{postrow.POST_ICON_IMG}" width="{postrow.POST_ICON_IMG_WIDTH}" height="{postrow.POST_ICON_IMG_HEIGHT}" alt="" /><!-- ELSE -->{postrow.MINI_POST_IMG}<!-- ENDIF --></a><!-- ENDIF -->&nbsp;{postrow.POST_SUBJECT}</div>

					<!-- IF postrow.S_POST_UNAPPROVED or postrow.S_POST_REPORTED -->
						<div 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 --></div>
					<!-- ENDIF -->

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

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

						<div class="attachwrapper"><div class="attachtitle">{L_ATTACHMENTS}:</div>
						<!-- BEGIN attachment -->
						<div class="attachcontent">{postrow.attachment.DISPLAY_ATTACHMENT}</div>
						<!-- END attachment -->
						</div>
					<!-- ENDIF -->

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

					<!-- IF postrow.EDITED_MESSAGE or postrow.EDIT_REASON -->
						<!-- IF postrow.EDIT_REASON -->
							<br /><br />
							<div class="edited">
								<p class="gensmall">{postrow.EDITED_MESSAGE}</p>
								<p class="genmed">{postrow.EDIT_REASON}</p>
							</div>
						<!-- ELSE -->
							<br /><br />
							<div class="edited">
    							<p class="gensmall">{postrow.EDITED_MESSAGE}</p>
    						</div>
						<!-- 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 -->
			</td>
		</tr>

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

			<td class="postbottom" align="center">{postrow.POST_DATE}</td>
			<td class="postbottom postbuttons" valign="middle">
				<!-- IF not S_IS_BOT -->
					<div style="float: {S_CONTENT_FLOW_END}">
					<!-- 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 -->
					</div>
				<!-- ENDIF -->
				<!-- 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 --> 
                <!-- IF postrow.U_MSN --><a href="{postrow.U_MSN}">{MSN_IMG}</a> <!-- ENDIF --> 
                <!-- IF postrow.U_ICQ --><a href="{postrow.U_ICQ}">{ICQ_IMG}</a> <!-- ENDIF --> 
                <!-- IF postrow.U_YIM --><a href="{postrow.U_YIM}">{YIM_IMG}</a> <!-- ENDIF --> 
                <!-- IF postrow.U_AIM --><a href="{postrow.U_AIM}">{AIM_IMG}</a> <!-- ENDIF --> 
                <!-- IF postrow.U_JABBER --><a href="{postrow.U_JABBER}">{JABBER_IMG}</a> <!-- ENDIF --> 
				<!-- IF postrow.U_WWW --><a href="{postrow.U_WWW}">{WWW_IMG}</a> <!-- ENDIF -->
			</td>
    	<!-- ENDIF -->
		</tr><td colspan="5" height="5" align="center" class="row1"><img src="{T_THEME_PATH}/images/trenner.png" height="2"/></td>
	<!-- IF $CA_SPLIT_POSTS and not postrow.S_LAST_ROW -->    

	<!-- ELSEIF not $CA_SKIP_LAST_SPACER or not postrow.S_LAST_ROW -->
	<!-- ENDIF -->
<!-- BEGINELSE -->
	{$CA_BLOCK_START}
	{$CA_CAP2_START}{$CA_CAP2_END}
	<table class="tablebg" width="100%" cellspacing="{$CA_SPACING}">
<!-- END postrow -->
    <!-- IF not S_IS_BOT -->
	<tr>
		<td class="cat" colspan="2" align="center"><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 -->
	<!-- INCLUDE box_unten.html -->
    <!-- INCLUDE box_oben.html -->
	<table width="100%" cellspacing="1">
	<tr>
		<!-- IF not S_IS_BOT -->
			<td align="{S_CONTENT_FLOW_BEGIN}" valign="middle" nowrap="nowrap">
				<!-- IF S_DISPLAY_REPLY_INFO --><a href="{U_POST_REPLY_TOPIC}">{REPLY_IMG}</a>&nbsp;<!-- ENDIF -->
				<!-- IF S_QUICK_REPLY --><a href="javascript:void(0);" onclick="var qr = document.getElementById('ca-qr'); qr.style.display = (qr.style.display == 'none') ? '' : 'none'; return false;"><img src="{T_IMAGESET_LANG_PATH}/quick_reply.gif" /></a><!-- ENDIF -->
			</td>
		<!-- ENDIF -->
		<!-- 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>
<!-- INCLUDE box_unten.html -->
</div>

<!-- IF S_QUICK_REPLY -->
<!-- INCLUDE quickreply_editor.html -->
<!-- ENDIF -->

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

<!-- INCLUDE breadcrumbs.html -->

<!-- IF S_DISPLAY_ONLINE_LIST -->
		<!-- INCLUDE box_oben.html -->

	<table class="tablebg" width="100%" cellspacing="{$CA_SPACING}">
	<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>
    	<!-- INCLUDE box_unten.html -->
<!-- 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 -->
Und hier meine box_oben.html:

Code: Alles auswählen

<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="15" height="3"><img src="{T_THEME_PATH}/images/tl.gif" width="15" height="3" alt="" /></td>
    <td height="3" style="background:url('{T_THEME_PATH}/images/tm.gif');"></td>
    <td width="15" height="3"><img src="{T_THEME_PATH}/images/tr.gif" width="15" height="3" alt="" /></td>
  </tr>
  <tr>
    <td width="15"  align="left" valign="top" style="background:url('{T_THEME_PATH}/images/ml.gif');"><img src="{T_THEME_PATH}/images/mlt.gif"/></td>
    <td style="background:url('{T_THEME_PATH}/images/cell.gif')";>
und box_unten.html:

Code: Alles auswählen

</td>
    <td width="15" align="left" valign="top" style="background:url('{T_THEME_PATH}/images/mr.gif');"><img src="{T_THEME_PATH}/images/mrt.gif"/></td>
  </tr>
  <tr>
    <td width="15" height="3"><img src="{T_THEME_PATH}/images/bl.gif" width="15" height="3" alt="" /></td>
    <td height="3" style="background:url('{T_THEME_PATH}/images/bm.gif');"></td>
    <td width="15" height="3"><img src="{T_THEME_PATH}/images/br.gif" width="15" height="3" alt="" /></td>
  </tr>
</table>
Ich hoffe ihr könnt mir helfen, vielen dank im voraus.
Mezira
Alle Zeiten sind UTC+02:00
Seite 1 von 1

Powered by phpBB® Forum Software © phpBB Limited

Deutsche Übersetzung durch phpBB.de