Ik draai ICGStation.
Daarbij heb ik de Fully Integrated Shoutbox.
Helaas komt de style niet mooi over.
Huidige situatie
Geschetste situatie
Deze laatste heb ik gemaakt met Paint, nu de vraag hoe ik in het echt kan creëren.
Shoutbox deel in index_body.tpl:
Code: Selecteer alles
<!-- Start add - Fully integrated shoutbox MOD -->
<table width="100%" cellspacing="0" border="0" align="center" cellpadding="2"
class="forumline">
<tr>
<td align="center" nowrap="nowrap" class="catHead"><span class="cattitle"><a
href="{U_SHOUTBOX_MAX}">{L_SHOUTBOX}</a></span></td>
</tr>
<tr>
<td>
<iframe src="{U_SHOUTBOX}" scrolling="NO" width="100%" height="180"
frameborder="0" marginheight="0" marginwidth="0" allowtransparency="true"></iframe>
</td>
</tr>
</table>
<br/>
<!-- End add - Fully integrated shoutbox MOD -->Code: Selecteer alles
<table border="0" cellpadding="0" cellspacing="0" class="tbn">
<tr>
<td class="tbnl" rowspan="3"><img src="{I_SPACER}" alt="" width="76"
height="39" /></td>
<!-- BEGIN switch_user_logged_out -->
<span class="cattitle"><a href="http://www.hetsportforum.com/profile.php?mode=register"
class="cattitle"><b>Attentie Gasten: Registreer jezelf om overal gebruik van te
maken!</b></a></span>
<!-- END switch_user_logged_in -->
<td height="17" align="right" colspan="2"><!-- BEGIN
switch_user_logged_in --><span class="nav"><a href="{U_MARK_READ}"
class="gensmall">{L_MARK_READ}</a></span><!-- BEGINELSE switch_user_logged_in --><img
src="{I_SPACER}" alt="" width="30" height="1" /><!-- END switch_user_logged_in --></td>
</tr>
<tr>
<td class="tbnbot">{NAVIGATION_ONLY_BOX}</td>
<td class="tbnr"><img src="{I_SPACER}" alt="" width="39" height="22"
/></td>
</tr>
</table>
<table width="100%" cellspacing="0" cellpadding="2" border="0" align="center">
<tr>
<td align="left" valign="bottom"><span class="gensmall">
{CURRENT_TIME}<br />
<!-- BEGIN switch_user_logged_in -->
{LAST_VISIT_DATE}<br />
<!-- END switch_user_logged_in -->
</span></td>
<td align="right" valign="bottom" class="gensmall">
<!-- BEGIN switch_user_logged_in -->
<a href="{U_SEARCH_SELF}" class="gensmall">{L_SEARCH_SELF}</a><br
/>
<!-- END switch_user_logged_in -->
<a href="{U_SEARCH_UNANSWERED}"
class="gensmall">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>
<br />
{BOARD_TOPICS}
<!-- BEGIN board_topics_spacing -->
<br />
<!-- END board_topics_spacing -->
<form method="post" action="{S_ACTION}">
<!-- BEGIN indexrow -->
<!-- BEGIN header -->
<!-- END header -->
<!-- BEGIN cat -->
<!-- BEGIN header -->
<!-- END header -->
<!-- BEGIN row -->
<table border="0" cellpadding="0" cellspacing="0" class="tbt">
<tr>
<td class="tbtl"><img src="{I_SPACER}" alt="" width="10" height="22"
/></td>
<td class="tbtbot"><span class="gen"><a href="{indexrow.cat.U_VIEWCAT}"
class="cattitle"><b>{indexrow.cat.CAT_DESC}</b></a></span></td>
<td class="tbtr"><img src="{I_SPACER}" alt="" width="124" height="22"
/></td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="1" border="0" class="forumline">
<tr>
<th colspan="2" height="22" nowrap="nowrap"> {L_FORUM} </th>
<th width="70" nowrap="nowrap"> {L_TOPICS} </th>
<th width="70" nowrap="nowrap"> {L_POSTS} </th>
<th width="160" nowrap="nowrap"> {L_LASTPOST} </th>
</tr>
<!-- END row -->
<!-- BEGIN footer -->
</table>
<table border="0" cellpadding="0" cellspacing="0" class="tbl">
<tr>
<td class="tbll"><img src="{I_SPACER}" alt="" width="8" height="4" /></td>
<td class="tblbot"><img src="{I_SPACER}" alt="" width="8" height="4"
/></td>
<td class="tblr"><img src="{I_SPACER}" alt="" width="8" height="4" /></td>
</tr>
</table>
<br />
<!-- END footer -->
<!-- END cat -->
<!-- BEGIN forum -->
<!-- BEGIN header -->
<table border="0" cellpadding="0" cellspacing="0" class="tbt">
<tr>
<td class="tbtl"><img src="{I_SPACER}" alt="" width="10" height="22"
/></td>
<td class="tbtbot"><b></b><span class="gen"></span></td>
<td class="tbtr"><img src="{I_SPACER}" alt="" width="124" height="22"
/></td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="1" border="0" class="forumline">
<tr>
<th colspan="2" height="22" nowrap="nowrap"> {L_FORUM} </th>
<th width="70" nowrap="nowrap"> {L_TOPICS} </th>
<th width="70" nowrap="nowrap"> {L_POSTS} </th>
<th width="160" nowrap="nowrap"> {L_LASTPOST} </th>
</tr>
<!-- END header -->
<!-- BEGIN row -->
<tr>
<td class="row1" align="center" valign="middle" width="50" height="50">
<img src="{indexrow.forum.I_FORUM_FOLDER}" border="0"
alt="{indexrow.forum.L_FORUM_FOLDER}" title="{indexrow.forum.L_FORUM_FOLDER}" />
</td>
<td class="row1" height="50" width="100%">
<!-- BEGIN forum_icon -->
<table cellpadding="0" cellspacing="0" width="100%" border="0"><tr>
<td><a href="{indexrow.forum.U_VIEWFORUM}" class="forumlink"><img
src="{indexrow.forum.FORUM_ICON}" border="0" alt="" title="" /></a></td><td><span
class="gen"> </span></td><td width="100%">
<!-- END forum_icon -->
<span class="forumlink"><a href="{indexrow.forum.U_VIEWFORUM}"
class="forumlink">{indexrow.forum.FORUM_NAME}</a><br /></span>
<span class="genmed">{indexrow.forum.FORUM_DESC}<br /></span>
<!-- BEGIN moderators -->
<span class="gensmall">
<b>{L_MODERATORS}: </b><!-- BEGIN mod --><a
href="{indexrow.forum.row.moderators.mod.U_MOD}"
title="{indexrow.forum.row.moderators.mod.L_MOD_TITLE}"
class="gensmall">{indexrow.forum.row.moderators.mod.L_MOD}</a><!-- BEGIN sep -->, <!--
END sep --><!-- END mod -->
<br /></span>
<!-- END moderators -->
<!-- BEGIN subforums -->
<span class="gensmall">
<b>{L_SUBFORUMS}:</b> <!-- BEGIN sub --><img
src="{indexrow.forum.row.subforums.sub.I_SUB}" border="0" align="top"
alt="{indexrow.forum.row.subforums.sub.L_SUB_ALT}"
title="{indexrow.forum.row.subforums.sub.L_SUB_ALT}" /><a
href="{indexrow.forum.row.subforums.sub.U_SUB}"
title="{indexrow.forum.row.subforums.sub.L_SUB_DESC}"
class="gensmall">{indexrow.forum.row.subforums.sub.L_SUB}</a><!-- BEGIN sep -->, <!-- END
sep --><!-- END sub -->
<br /></span>
<!-- END subforums -->
<!-- BEGIN forum_icon -->
</td></tr></table>
<!-- END forum_icon -->
</td>
<!-- BEGIN auth_read -->
<td class="row1" width="70" align="center" valign="middle" height="50"><span
class="gensmall">{indexrow.forum.TOPICS}</span></td>
<td class="row1" width="70" align="center" valign="middle" height="50"><span
class="gensmall">{indexrow.forum.POSTS}</span></td>
<td class="row1" width="160" align="center" valign="middle" height="50"
nowrap="nowrap"><span class="gensmall">
<!-- BEGIN last_post -->
<a href="{indexrow.forum.U_LAST_TOPIC}" class="gensmall"
title="{indexrow.forum.LAST_TOPIC_TITLE_ALT}">{indexrow.forum.LAST_TOPIC_TITLE}</a><b
r />
{indexrow.forum.LAST_POST_TIME}<br />
<!-- BEGIN userlink --><a href="{indexrow.forum.U_LAST_POSTER}"
class="gensmall" title="{L_LAST_POSTER}"><!-- END userlink
-->{indexrow.forum.LAST_POSTER}<!-- BEGIN userlink --></a><!-- END userlink -->
<a href="{indexrow.forum.U_LAST_POST}" class="gensmall"
title="{L_LAST_POST}"><img src="{I_LAST_POST}" border="0" alt="{L_LAST_POST}"
/></a><br />
<!-- BEGINELSE last_post -->
{L_NO_POSTS}
<!-- END last_post -->
</span></td>
<!-- BEGINELSE auth_read -->
<td class="row1" colspan="3" align="center"><span class="gensmall">
{L_AUTH_REQ}
</span></td>
<!-- END auth_read -->
</tr>
<!-- END row -->
<!-- BEGIN footer -->
</table>
<table border="0" cellpadding="0" cellspacing="0" class="tbl">
<tr>
<td class="tbll"><img src="{I_SPACER}" alt="" width="8" height="4" /></td>
<td class="tblbot"><img src="{I_SPACER}" alt="" width="8" height="4"
/></td>
<td class="tblr"><img src="{I_SPACER}" alt="" width="8" height="4" /></td>
</tr>
</table>
<!-- END footer -->
<!-- END forum -->
<!-- BEGIN link -->
<!-- BEGIN header -->
<table border="0" cellpadding="0" cellspacing="0" class="tbt">
<tr>
<td class="tbtl"><img src="{I_SPACER}" alt="" width="10" height="22"
/></td>
<td class="tbtbot"><b><span class="gen"><a
href="{indexrow.link.U_VIEWCAT}"
class="cattitle">{indexrow.link.CAT_DESC}</a></span></b></td>
<td class="tbtr"><img src="{I_SPACER}" alt="" width="124" height="22"
/></td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="1" border="0" class="forumline">
<tr>
<th colspan="2" height="22" nowrap="nowrap"> {L_FORUM} </th>
<th width="70" nowrap="nowrap"> {L_TOPICS} </th>
<th width="70" nowrap="nowrap"> {L_POSTS} </th>
<th width="160" nowrap="nowrap"> {L_LASTPOST} </th>
</tr>
<!-- END header -->
<!-- BEGIN row -->
<tr>
<td class="row1" align="center" valign="middle" height="50" width="50">
<img src="{indexrow.link.I_FORUM_FOLDER}" border="0"
alt="{indexrow.link.L_FORUM_FOLDER}" title="{indexrow.link.L_FORUM_FOLDER}" />
</td>
<td class="row1" height="50" width="100%">
<!-- BEGIN forum_icon -->
<table cellpadding="0" cellspacing="0" width="100%" border="0"><tr>
<td><a href="{indexrow.link.U_VIEWFORUM}" class="forumlink"><img
src="{indexrow.link.FORUM_ICON}" border="0" alt="" title="" /></a></td><td><span
class="gen"> </span></td><td width="100%">
<!-- END forum_icon -->
<span class="forumlink"><a href="{indexrow.link.U_VIEWFORUM}"
class="forumlink">{indexrow.link.FORUM_NAME}</a><br /></span>
<span class="genmed">{indexrow.link.FORUM_DESC}<br /></span>
<!-- BEGIN subforums -->
<span class="gensmall">
<b>{L_SUBFORUMS}:</b> <!-- BEGIN sub --><img
src="{indexrow.link.row.subforums.sub.I_SUB}" border="0" align="middle"
alt="{indexrow.link.row.subforums.sub.L_SUB_ALT}"
title="{indexrow.link.row.subforums.sub.L_SUB_ALT}" /><a
href="{indexrow.link.row.subforums.sub.U_SUB}"
title="{indexrow.link.row.subforums.sub.L_SUB_DESC}"
class="gensmall">{indexrow.link.row.subforums.sub.L_SUB}</a><!-- BEGIN sep -->, <!-- END
sep --><!-- END sub -->
<br /></span>
<!-- END subforums -->
<!-- BEGIN forum_icon -->
</td></tr></table>
<!-- END forum_icon -->
</td>
<td class="row1" align="center" valign="middle" height="50" colspan="3" width="300"
nowrap="nowrap"><span class="gensmall">
{indexrow.link.HITS}
</span></td>
</tr>
<!-- END row -->
<!-- BEGIN footer -->
</table>
<table border="0" cellpadding="0" cellspacing="0" class="tbl">
<tr>
<td class="tbll"><img src="{I_SPACER}" alt="" width="8" height="4" /></td>
<td class="tblbot"><img src="{I_SPACER}" alt="" width="8" height="4"
/></td>
<td class="tblr"><img src="{I_SPACER}" alt="" width="8" height="4" /></td>
</tr>
</table>
<!-- END footer -->
<!-- END link -->
<!-- BEGIN footer -->
<!-- END footer -->
<!-- BEGIN spacing --><br /><!-- END spacing -->
<!-- END indexrow -->
<!-- BEGIN forums_spacing --><br /><!-- END forums_spacing -->
{FORUM_TOPICS}
</form>
<br />
<!-- Start add - Fully integrated shoutbox MOD -->
<table width="100%" cellspacing="0" border="0" align="center" cellpadding="2"
class="forumline">
<tr>
<td align="center" nowrap="nowrap" class="catHead"><span class="cattitle"><a
href="{U_SHOUTBOX_MAX}">{L_SHOUTBOX}</a></span></td>
</tr>
<tr>
<td>
<iframe src="{U_SHOUTBOX}" scrolling="NO" width="100%" height="180"
frameborder="0" marginheight="0" marginwidth="0" allowtransparency="true"></iframe>
</td>
</tr>
</table>
<br/>
<!-- End add - Fully integrated shoutbox MOD -->
{STATS_BOX}
