leandroprz
Dseda
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
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
Ver o anexo 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
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: http://www.w3schools.com/Html/html_colornames.asp
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
Aca van a tener que encerrar lo que quieran que aparezca con el recuadro con el siguiente codigo:
Por ejemplo, si quieren encerrar lo que dice "Posts:", editando quedaria asi:
Ah, para que no les quede un cuadrado vacio si los usuarios no han seleccionado ningun tipo de contacto, deben reemplazar esto:
Por esto:
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
Ver o anexo 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
Inserir CODE, HTML ou PHP:
.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: http://www.w3schools.com/Html/html_colornames.asp
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
Inserir CODE, HTML ou PHP:
<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:
Inserir CODE, HTML ou PHP:
<div class="postbit">ACA VA EL CODIGO</div>Por ejemplo, si quieren encerrar lo que dice "Posts:", editando quedaria asi:
Inserir CODE, HTML ou PHP:
<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:
Inserir CODE, HTML ou PHP:
<div>$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon] $post[skypeicon]</div>Por esto:
Inserir CODE, HTML ou PHP:
<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
