- Desde
- 16 Sep 2005
- Mensajes
- 1.092
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 el 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
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 el 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
Insertar CODE, HTML o 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
Insertar CODE, HTML o 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:
Insertar CODE, HTML o PHP:
<div class="postbit">ACA VA EL CODIGO</div>Por ejemplo, si quieren encerrar lo que dice "Posts:", editando quedaria asi:
Insertar CODE, HTML o 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:
Insertar CODE, HTML o PHP:
<div>$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon] $post[skypeicon]</div>Por esto:
Insertar CODE, HTML o 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
