Seite 1 von 1
Vieptopic.tpl - horizontale Postingdarstellung
Verfasst: 06.12.2006 23:03
von Andretsch
Hallo,
ja, es klingt irgendwie seltsam, aber ich habe diesen Einheitslook der Foren satt, wo links stets der Benutzer prangt und rechts daneben die Message steht. Für mein Forum wollte ich ein wenig Abwechslung hineinbringen. Ich dachte an eine horizontale statt vertikale Benutzer"spalte", wie sie sonst links zu sehen ist. Die neue soll nun über der Message stehen, jene selbst bis zum linken Rand reichen...
Ich habe mich ein wenig an der viewtopic.tpl versucht und auch sowas hinbekommen, jedoch stets mit ständigen Tabellenverschiebungen und zerstückelten Grafiken. Nun wollte ich fragen, ob jemand so freundlich wäre, der Zeit hat, mir diesen Gefallen zu tun, das für mich zu erledigen.
Ich habe eine kleine Skizze angefertigt:
[ externes Bild ]
Das normale Aussehen soll zu
[ externes Bild ]
diesem Aussehen werden.
Ich weiß, es ist irgendwie aufdringlich, aber ich danke dennoch für jede Hilfe. Avatargröße usw kann ich ja letztendlich auch noch selbst anpassen.
Grüße, Andrej
Verfasst: 08.12.2006 01:23
von Markus67
Hi ...
hier hast du das "Konstrukt" ... die Feinarbeit ist dein Part
Code: Alles auswählen
<table class="forumline" width="100%" cellspacing="0" cellpadding="0" border="0">
<tr align="right">
<td class="catHead" colspan="2" height="28"><span class="nav"><a href="{U_VIEW_OLDER_TOPIC}" class="nav">{L_VIEW_PREVIOUS_TOPIC}</a> :: <a href="{U_VIEW_NEWER_TOPIC}" class="nav">{L_VIEW_NEXT_TOPIC}</a> </span></td>
</tr>
{POLL_DISPLAY}
<tr>
<th class="thLeft" width="150" height="26" nowrap="nowrap"> </th>
</tr>
<!-- BEGIN postrow -->
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="1" cellpadding="3">
<tr>
<td class="{postrow.ROW_CLASS}" valign="top"><span class="name"><a name="{postrow.U_POST_ID}"></a><b>{postrow.POSTER_NAME}</b></span><br /><span class="postdetails">{postrow.POSTER_RANK}<br />{postrow.RANK_IMAGE}{postrow.POSTER_AVATAR}<br /></span></td>
<td class="{postrow.ROW_CLASS}" valign="top"><span class="name"><span class="postdetails">{postrow.POSTER_JOINED}<br />{postrow.POSTER_POSTS}<br />{postrow.POSTER_FROM}</span></td>
<td class="{postrow.ROW_CLASS}" valign="top"><a href="{postrow.U_MINI_POST}"><img src="{postrow.MINI_POST_IMG}" width="12" height="9" alt="{postrow.L_MINI_POST_ALT}" title="{postrow.L_MINI_POST_ALT}" border="0" /></a><span class="postdetails">{L_POSTED}: {postrow.POST_DATE}<span class="gen"> </span><br />{L_POST_SUBJECT}: {postrow.POST_SUBJECT}</span><br /><br >{postrow.QUOTE_IMG} {postrow.EDIT_IMG} {postrow.DELETE_IMG} {postrow.IP_IMG}</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table width="100%" border="0" cellspacing="1" cellpadding="3">
<tr>
<td valign="top" width="100%" class="{postrow.ROW_CLASS}"><span class="postbody">{postrow.MESSAGE}{postrow.SIGNATURE}</span><span class="gensmall">{postrow.EDITED_MESSAGE}</span><br /></td>
<td class="{postrow.ROW_CLASS}" width="100" align="center" valign="top" height="100%">
<table cellspacing="0" cellpadding="3" border="0" height="100%">
<tr>
<td align="center" valign="top">{postrow.PROFILE_IMG} {postrow.PM_IMG} {postrow.EMAIL_IMG} {postrow.WWW_IMG} {postrow.AIM_IMG} {postrow.YIM_IMG} {postrow.MSN_IMG}<script language="JavaScript" type="text/javascript"><!--
if ( navigator.userAgent.toLowerCase().indexOf('mozilla') != -1 && navigator.userAgent.indexOf('5.') == -1 && navigator.userAgent.indexOf('6.') == -1 )
document.write(' {postrow.ICQ_IMG}');
else
document.write('</td><td> </td><td valign="top" nowrap="nowrap"><div style="position:relative"><div style="position:absolute">{postrow.ICQ_IMG}</div><div style="position:absolute;left:3px;top:-1px">{postrow.ICQ_STATUS_IMG}</div></div>');
//--></script><noscript>{postrow.ICQ_IMG}</noscript></td>
</tr>
<tr>
<td align="center" valign="bottom" nowrap="nowrap"><span class="nav"><a href="#top" class="nav">{L_BACK_TO_TOP}</a></span></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="spaceRow" height="1"><img src="templates/subSilver/images/spacer.gif" alt="" width="1" height="5" /></td>
</tr>
<!-- END postrow -->
<tr align="center">
<td class="catBottom" colspan="2" height="28"><table cellspacing="0" cellpadding="0" border="0">
<tr><form method="post" action="{S_POST_DAYS_ACTION}">
<td align="center"><span class="gensmall">{L_DISPLAY_POSTS}: {S_SELECT_POST_DAYS} {S_SELECT_POST_ORDER} <input type="submit" value="{L_GO}" class="liteoption" name="submit" /></span></td>
</form></tr>
</table></td>
</tr>
</table>
Markus
Verfasst: 09.12.2006 18:53
von Andretsch
Vielen Dank!
Dass sich direkt einer der Chefs dafür kümmert, hätte ich nicht gedacht. Wie man sich täsuchen kann. Vielen, vielen Dank.