He visto que mucha gente pregunta como "recuadrar" los datos que son mostrados en el postbit del usuario, por lo que decidi hacer este pequeño tutorial
Archivo adjunto 620
Primero tienen que agregar el siguiente codigo en el estilo al que quieran agregar esta modificacion:
AdminCP > Estilos y Plantillas > Administrador de Estilos
Seleccionan el estilo y hacen click en
Ir
Al final, donde dice
Definición Adicional de CSS, agregan el siguiente codigo
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;
}
Y editan los colores a su gusto para que queden con el mismo color del estilo que estan usando
Aca tienen una lista con colores HTML:
HTML Color Names
Como segundo paso, van a tener que editar la plantilla
postbit_legacy o la plantilla
postbit [dependiendo cual de las dos usen, la primera muestra los datos de manera vertical, la segunda de manera horizontal]
AdminCP > Estilos y Plantillas > Administrador de Estilos
Buscan una de las dos plantillas anteriormente mencionadas y la editan
Ahora tienen que buscar el siguiente bloque de codigo
Código:
<div class="smallfont">
<br />
<if condition="$post['joindate']"><div>$vbphrase[join_date]: $post[joindate]</div></if>
<if condition="$post['field2']"><div>$vbphrase[location_perm]: $post[field2]</div></if>
<if condition="$post['age']"><div>$vbphrase[age]: $post[age]</div></if>
<div>
$vbphrase[posts]: $post[posts]
</div>
$template_hook[postbit_userinfo_right_after_posts]
<if condition="$show['infraction']"><div>$vbphrase[infractions]: $post[warnings]/$post[infractions] ($post[ipoints])</div></if>
<if condition="$show['reputation']"><div><if condition="$show['reppower']">$vbphrase[reppower]: <span id="reppower_$post[postid]_$post[userid]">$post[reppower]</span> </if><span id="repdisplay_$post[postid]_$post[userid]">$post[reputationdisplay]</span></div></if>
$template_hook[postbit_userinfo_right]
<div>$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon] $post[skypeicon]</div>
</div>
Aca van a tener que encerrar lo que quieran que aparezca con el recuadro con el siguiente codigo:
Código:
<div class="postbit">ACA VA EL CODIGO</div>
Por ejemplo, si quieren encerrar lo que dice "Posts:", editando quedaria asi:
Código:
<div class="postbit">
$vbphrase[posts]: $post[posts]
</div>
Ah, para que no les quede un cuadrado vacio si los usuarios no han seleccionado ningun tipo de contacto, deben reemplazar esto:
Código:
<div>$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon] $post[skypeicon]</div>
Por esto:
Código:
<if condition="$post[icqicon] or $post[aimicon] or $post[msnicon] or $post[yahooicon] or $post[skypeicon]"><div class="postbit">$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon] $post[skypeicon]</div></if>
Con un poco de conocimientos de HTML y CSS pueden hacer muchisimas cosas mas
Esto sirve para cualquier version de vBulletin, siempre y cuando lo hagan a mano, ya que si copian y pegan pueden pasar por alto algun codigo que en nuevas versiones falte, como tambien puede haber codigo de mas
4Likes
URL del LinkBack
Acerca de los LinkBacks
Re: "Recuadrar" los datos del postbit
Esta parte $vbphrase[join_date]: $post[joindate] llama especialmente la atención la atención ¿no?, pues sí, esa son las dos frases Fecha de ingreso: día-mes-año.
Citar
Iniciado por Skavenger
