Mi super post
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:
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:
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.
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:
.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:
{$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.
xd esta lindo felicidades

que pasa si son de 147 x 35 ,quedaria bien?
saludos
saludos
No se desfasaria del contorno por eso deve ser asi lo unico que puede ser es variar el x25 por lo que quieras
Pues no me va :S, algo he hecho mal
Seguro que agregaste el css?
Esta muy bien, lo usare en mi pagina
.
Muy bueno parece el nokia 5200 ... Me gusto más el otro... veremos sí uso este te va rep gracias por compartir :3
Mira, creo que si vamos
![[Image: l7Qimoa.png]](http://i.imgur.com/l7Qimoa.png)