Ayuda postbit.
URL: www.cordoba-cs.com.ar/foro Version del Foro: 1.6.1. Actualizacion: no Hola, la verdad que soy MUY nuevo en esto. Apenas anoche empiezo. No f...

URL: www.cordoba-cs.com.ar/foro
Version del Foro: 1.6.1.
Actualizacion: no

Hola, la verdad que soy MUY nuevo en esto. Apenas anoche empiezo.

No fue por interes, si no para crear un foro para mi Comunidad CS,

Ahora necesito una ayuda, quiero modificar mi postbit ( o la parte donde sale el avatar nombre de usuario rango al lado del tema)

Quiero que de esta forma :

http://img403.imageshack.us/i/dibujotfn.png
[Imagen: dibujotfn.png]
Quede lo mas parecido a esta forma con el color anterior de fondo :

http://img812.imageshack.us/i/dibujo2nd.png
[Imagen: dibujo2nd.png]

Por lo menos diganme como cambiar de color el usuario COMO YO QUIERA,
ES decir, ADMINISTRADORES con nombre en rojo y demas usuarios con el nombre en negrito o naranja.

Crear rangos, sacando las estrellas esas feas :S . Y poder poner mis txtos en los rangos

Que el avatar este separado del nombre (queda muy junto) . Que los administradores tengan hasta un tamaño de 140x250 y el usuario comun de 140x140

cualquier cosa: [email protected]

Gracias!



Pasame la plantilla postbit_classic de ACP > Plantillas y Estilos > Plantillas > *Theme* > Caja del Mensaje, y con respecto a las estrellas, están bien, solo que lo themes oscuros no dejan ver bien los gifs y les crean el halo.... consigue un theme claro y se verá bien xD
concuerdo creo que lo mejor es un them claro si queires que quede asi aunque no descartesque lo puedes dejar igual para un theme oscuro solo que no se veria "igual"
:)
Quiero sacar las estrellas Big Grin

No encuentro eso, eta todo en ingles Tongue
ACP > Themes & Templates > Templates > *Theme* > Post Bit > postbit_classic, es facil de traducir -.- si hasta google lo hace
{$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>
PORFAVOR RESPONDAN!

Qe necesito esta ayuda lo mas rapido posible
Maurusky escribió:Aqui una continuacón al manual de Aeroxis.

Pues tenemos que la forma de recuadrar que aviamos visto es algo así el css:
Código:
.trow4 {
background: #fcfcfc;
width: 100%;
border: 1px solid #a1c9d8;
font-weight:bold;
padding: 2px;
font-size: 11px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
FORMA ALTERNATIVA ''A'' : BORDE SOBRESALIENTE
Como ven solo marca un borde, pero si quisieramos controlar el tamaño de cada borde para poner un efecto como de sombra podriamos usar en su lugar esto:
Código:
.postbit {
    padding-left: 3px;
    padding-right: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #f7f7e6;
    border-top: 1px solid #dedec1;
    border-right: 2px solid #dedec1;
    border-left: 1px solid #dedec1;
    border-bottom: 2px solid #dedec1;
    margin-bottom: 3px;
}

Esto nos daria un resultado como este:




Como ven el lado derecho queda como sombreado y le da un muy buen efecto.

FORMA ALTERNATIVA ''B'' : FORMA SERIA
Ok , para esto usaremos este css
Código:
.postbit {  
padding-left: 2px;  
padding-right: 2px;  
padding-top: 2px;  
padding-bottom: 2px;  
background-color: rgb(240,240,240);  
border-top: 1px solid #dddddd;  
border-right: 1px solid #dddddd;  
border-left: 2px solid #c4c4c4;  
border-bottom: 1px solid #c4c4c4;  
margin-bottom: 3px;  
}
Y nos dará un resultado como este:



Como ven , queda muy bien Big Grin

FORMA ALTERNATIVA ''c'' : Con un Fieldset
Aqui pueden usar el css que ustedes quieran , recomendaria usar el primero que puse. Bien, ya que tienen eso, van a postbit_autor_user. Y en vez de usar el codigo que el tutorial da usen algo así:
<fieldset class="postbit" align="center"">
<legend>Titulo del contenido</legend>
<p>Contenido.</p>
</fieldset>

Les quedará algo chulo como esto:
Ahi hice lo qe me dijiste, ahora como hago para dejarlo mas lindo pq qedo medio asi como bloque.

Quiero dejarlo como el de mybb-es