<?php
.caja-usuario {
float: left;
}
.caja-usuario-cabecera {
background: url(images/mycleanblue/postbit.png) top left no-repeat;
width: 200px;
height: 11px;
}
.caja-usuario-contenido {
background: url(images/mycleanblue/contenido-postbit.png) top left repeat-y;
width: 200px;
height: auto;
}
.caja-usuario-pie {
background: url(images/mycleanblue/postbit.png) bottom left no-repeat;
width: 200px;
height: 12px;
}
.caja-usuario-datos {
background: #fff url(images/mycleanblue/fondo-postbit.png) repeat-x;
width: 170px;
color: #373737;
margin: 0 auto;
padding: 0 10px;
font-size: 13px;
}
.caja-mensaje {
float: left;
margin-top: 4px;
margin-left: 4px;
background: #eaeaea;
width: 672px;
border: 1px solid #959595;
margin-bottom: 10px;
}
body#private .caja-mensaje {
width: 472px;
}
.caja-mensaje-contenido {
padding: 15px 10px;
background: #f5f5f5;
}
.caja-mensaje-cabecera {
border-bottom: 1px dashed #ccc;
padding: 5px 10px;
}
.caja-mensaje-pie {
border-top: 1px dashed #ccc;
padding: 5px 10px;
height: 24px;
}
.flecha {
position: absolute;
margin-left: -40px;
}
.adjuntos-adjunto {
background: #fff;
border: 1px solid #888;
padding: 4px;
margin-top: 4px;
}
.tamano-descargas {
font-size: 11px;
float: right;
margin-top: 2px;
}
.firma {
max-width: 630px;
max-height: 170px;
overflow: auto;
}
body#private .firma {
width: 430px;
}
<?php
{$ignore_bit}
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}">
<tr>
<td class="{$altbg}" width="15%" valign="top" style="white-space: nowrap; text-align: center;"><a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
<strong><span class="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br />
<span class="smalltext">
{$post['usertitle']}<br />
{$post['userstars']}
{$post['groupimage']}
{$post['useravatar']}<br />
{$post['user_details']}
</span>
</td>
<td class="{$altbg}" valign="top">
<table width="100%">
<tr><td>{$post['posturl']}<span class="smalltext"><strong>{$post['icon']}{$post['subject']} {$post['subject_extra']}</strong></span>
<br />
<div id="pid_{$post['pid']}" style="padding: 5px 0 5px 0;">
{$post['message']}
</div>
{$post['attachments']}
{$post['signature']}
<div style="text-align: right; vertical-align: bottom;" id="post_meta_{$post['pid']}">
<div id="edited_by_{$post['pid']}">{$post['editedmsg']}</div>
{$post['iplogged']}
</div>
</td></tr>
</table>
</td>
</tr>
<tr>
<td class="{$altbg}" style="white-space: nowrap; text-align: center; vertical-align: middle;"><span class="smalltext">{$post['postdate']} {$post['posttime']}</span></td>
<td class="{$altbg}" style="vertical-align: middle;">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr valign="bottom">
<td align="left" ><span class="smalltext">{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}</span></td>
<td align="right">{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}</td>
</tr>
</table>
</td>
</tr>
</table>
<?php
{$ignore_bit}
<a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
<table border="0" cellspacing="0" cellpadding="0" width="100%" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}">
<tr>
<td>
<div class="caja-usuario">
<div class="caja-usuario-cabecera"></div>
<div class="caja-usuario-contenido">
<div class="caja-usuario-datos" align="center">
<strong><span class="largetext"><a href="{$post['profilelink_plain']}" id="miembro_{$post['pid']}">{$post['username_formatted']}<img src="{$theme['imgdir']}/arrow_down.gif" alt="v" style="vertical-align: middle;" /></a></span></strong><br />
<div id="miembro_{$post['pid']}_popup" class="popup_menu smalltext" style="display: none;">
<div class="popup_item_container"><a href="{$post['profilelink_plain']}" class="popup_item">{$post['username_formatted']}</a></div>
{$post['button_email']}
{$post['button_pm']}
{$post['button_find']}
{$post['button_www']}
</div>
<script type="text/javascript">if(use_xmlhttprequest == "1"){new PopupMenu("miembro_{$post['pid']}");}</script>
<span class="smalltext">
{$post['usertitle']}<br />
{$post['userstars']}
{$post['groupimage']}
{$post['useravatar']}<br />
{$post['onlinestatus']}
<div align="left">{$post['user_details']}</div>
</span>
</div>
</div>
<div class="caja-usuario-pie"></div>
</div>
<div class="caja-mensaje">
<div class="caja-mensaje-cabecera">
{$post['posturl']}<span class="smalltext"><strong>{$post['postdate']} {$post['posttime']}</strong>{$post['subject_extra']}</span><span style="text-align: right; vertical-align: bottom;" id="post_meta_{$post['pid']}">{$post['iplogged']}</span>
<div id="edited_by_{$post['pid']}">{$post['editedmsg']}</div>
</div>
<div class="caja-mensaje-contenido">
<img src="{$theme['imgdir']}/flecha.png" class="flecha" />
<div style="width: 100%">
<div id="pid_{$post['pid']}" style="padding: 5px 0 5px 0;">
{$post['message']}
</div>
{$post['attachments']}
{$post['signature']}
</div>
</div>
<div class="caja-mensaje-pie">
<div class="float_right smalltext">{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}</div>
<div class="smalltext">{$post['button_rep']}</div>
</div>
</div>
</td>
</tr>
</table>
.tborder {
background: #d0d0d0;
width: 100%;
margin: auto auto;
border: 0px solid #c0c0c0;
padding: 4px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}