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

Quede lo mas parecido a esta forma con el color anterior de fondo :

http://img812.imageshack.us/i/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: alecba.cs@hotmail.com

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

No encuentro eso, eta todo en ingles

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

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