Hola amigos de Mybb-es.
Hoy les traire tal vez un nuevo exito o posible exito de perfil de postbit, para los rangos les dejare el tamaño exacto abajo para que se vea bien.
Espero les guste ya que ami me encanta!!! y si les gusta un +1 rep no ahi de sobra
.
para esto creamos una nueva hoja de estilo en tu tema, llamada postbit.css
le ponen importar mi propio codigo e insertamos el siguiente codigo:
Hoy les traire tal vez un nuevo exito o posible exito de perfil de postbit, para los rangos les dejare el tamaño exacto abajo para que se vea bien.
Espero les guste ya que ami me encanta!!! y si les gusta un +1 rep no ahi de sobra
.Previsualizacion
[attachment=1155]
[attachment=1155]
para esto creamos una nueva hoja de estilo en tu tema, llamada postbit.css
le ponen importar mi propio codigo e insertamos el siguiente codigo:
Código PHP:
<?php
.contenedor {
background: #f9f9f9;
width: 160px;
color: #666;
border-bottom: 1px solid #bebebe;
font-size: 11px;
text-shadow: 1px 1px 0 #fff;
border-top: 1px solid #999999;
border-bottom: 1px solid #bebebe;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
margin-top: 5px;
padding: 5px 10px;
text-align: center;
font-size: 11px;
font-weight: bold;
border-radius:15px 15px 0px 0px;
-moz-border-radius:15px 15px 0px 0px;
-webkit-border-radius:15px 15px 0px 0px;
}
.user {
background: #f9f9f9 url(/images/azulcla.png);
width: 130px;
color: #666;
border-bottom: 1px solid #bebebe;
font-size: 11px;
text-shadow: 1px 1px 0 #fff;
border-top: 1px solid #999999;
border-bottom: 1px solid #bebebe;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
margin-top: 5px;
padding: 5px 10px;
text-align: center;
font-size: 11px;
font-weight: bold;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.postbit {
width: 160px;
color: #666;
border-bottom: 1px solid #bebebe;
font-size: 11px;
text-shadow: 1px 1px 0 #fff;
border-top: 1px solid #999999;
border-bottom: 1px solid #bebebe;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
margin-top: 0px;
padding: 5px 10px;
text-align: left;
font-size: 11px;
border-radius:0px 0px 15px 15px;
-moz-border-radius:0px 0px 15px 15px;
-webkit-border-radius:0px 0px 15px 15px;
}
.image{
padding: -15px -10px;
margin-left: -10px;
}
El codigo image nos ayudara a acomodar la imagen de rango, en el ejemplo es la imagen de administrador.
El de posbit es el que contiene la informacion del numero de mensaje etc...
Despues entramos a plantillas y en caja de mensaje posbit classic y remplazamos todo por esto:
Código PHP:
<?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>
<div class="contenedor"><div class="user"><span class="smalltext"><span class="largetext"><center> {$post['profilelink']}{$post['onlinestatus']} </center></span>
</span></div>{$post['useravatar']}</div><div class="postbit">
<div class="image">{$post['groupimage']}</div>
{$post['user_details']}
</span></div>
</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']}" class="post_body">
{$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>
y solo tendran que ir a ajustes del foro visualizacion del tema y configurar el tamaño de avatar en el posbit.
Ahora los rangos deven ser 180 x 25.