4Likes
Esta es una discusión para el tema "Recuadrar" los datos del postbit en el foro Tips y tutoriales, bajo la categoría Recursos para vBulletin (Descargas); 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
untitled.PNG
Primero tienen que agregar el siguiente codigo en ...
Página:
URL del LinkBack
Acerca de los LinkBacks
"Recuadrar" los datos del postbit
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
untitled.PNG
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 usandoCó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; }
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: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>
Por ejemplo, si quieren encerrar lo que dice "Posts:", editando quedaria asi:Código:<div class="postbit">ACA VA EL CODIGO</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 class="postbit"> $vbphrase[posts]: $post[posts] </div>
Por esto:Código:<div>$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon] $post[skypeicon]</div>
Con un poco de conocimientos de HTML y CSS pueden hacer muchisimas cosas masCó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>
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
Re: "Recuadrar" los datos del postbit
Muchisimas gracias, me ha servido mucho.
Sólo tengo un problema. Al querer centrar toda la informacion que aparece a la izquierda añado <div style="text-align: center;"> y cuando termina el ultimo codigo, que es el de contactar por msn, icq y eso, añado </div> pero no se si no hace efecto o es que asi no se cierra el codigo, porque tambien se me centra el contenido del post.
Gracias por la ayuda
Respuesta: "Recuadrar" los datos del postbit
Buenas, segui el tutorial y trate de hacerlo al pie de la letra, ahora me esta surgiendo un tema, cuando Guardo la plantilla la pagina no me carga es decir la plantilla vuelve como estaba antes de hacer los cambios, les dejo la plantilla cambiada a ver si esta bien o si tiene algun error...
Esta es la primera parte, la sigo abajo por que si no me dice que el texto es muy largo$template_hook[postbit_start]
<table id="post$post[postid]" class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center">
<tr>
<if condition="$show['announcement']">
<td class="thead" style="font-weight:normal; border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]" colspan="2">
<img class="inlineimg" src="$stylevar[imgdir_statusicon]/post_$post[statusicon].gif" alt="$post[statustitle]" border="0" />
<phrase 1="$post[startdate]" 2="$post[enddate]">$vbphrase[x_until_y]</phrase>
</td>
<else />
<td class="thead" style="font-weight:normal; border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-right: 0px" $post[scrolltothis]>
<!-- status icon and date -->
<a name="post$post[postid]"><img class="inlineimg" src="$stylevar[imgdir_statusicon]/post_$post[statusicon].gif" alt="$post[statustitle]" border="0" /></a>
$post[postdate]<if condition="!$show['detailedtime']">, $post[posttime]</if>
$post[firstnewinsert]
<!-- / status icon and date -->
</td>
<td class="thead" style="font-weight:normal; border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-left: 0px" align="$stylevar[right]">
<if condition="$show['postcount']">#<a href="showpost.php?$session[sessionurl]p=$post[postid]&postcount=$post[postcount]" target="new" rel="nofollow" id="postcount$post[postid]" name="$post[postcount]"><strong>$post[postcount]</strong></a></if>
<if condition="$show['inlinemod']">
<input type="checkbox" name="plist[$postid]" id="plist_$postid" style="vertical-align:middle; padding:0px; margin:0px 0px 0px 5px" value="$post[checkbox_value]" />
</if>
</td>
</if>
</tr>
<tr valign="top">
<td class="alt2" width="175" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px; border-bottom: 0px">
<div id="postmenu_$post[postid]">
<if condition="$show['profile']">
<a class="bigusername" href="member.php?$session[sessionurl]u=$post[userid]">$post[musername]</a><!-- v3 Arcade --> <if condition="$post['arcadeawards']"><a class="bigusername" href="member.php?$session[sessionurl]u=$post[userid]"><img src="$vboptions[arcadeimages]/trophy.gif" align="absmiddle" alt="$vbphrase[arcade_champion]" border="0" /></a></if>
<!-- /v3 Arcade -->
<script type="text/javascript"> vbmenu_register("postmenu_$post[postid]", true); </script>
<else />
$post[musername]
</if>
</div>
<if condition="$post['usertitle']"><div class="smallfont">$post[usertitle]</div></if>
<if condition="$post['rank']"><div class="smallfont">$post[rank]</div></if>
$template_hook[postbit_userinfo_left]
<if condition="$show['avatar']">
<div class="smallfont">
<br /><a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]" alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a>
</div>
</if>
<div class="smallfont" align="center">
<br />
<if condition="$post['joindate']"><div>$vbphrase[join_date]: $post[joindate]"><div class="postbit">$post['joindate']"><div>$vbphrase[join_date]: $post[joindate]</div></if>
</div>
<if condition="$post['field2']"><div>$vbphrase[location_perm]: $post[field2]"><div class="postbit">$post['field2']"><div>$vbphrase[location_perm]: $post[field2]</div></if>
</div>
<if condition="$post['age']"><div>$vbphrase[age]: $post[age]"><div class="postbit">$post['age']"><div>$vbphrase[age]: $post[age]</div></if>
</div>
<if condition="$post[field5]">$vbphrase[gender]: <img src="$stylevar[imgdir_misc]/$post[field5].gif" alt="$post[field5]"><div class="postbit">$post[field5]">$vbphrase[gender]: <img src="$stylevar[imgdir_misc]/$post[field5].gif" alt="$post[field5]" /></if>
</div>
<div>
<div class="postbit">
$vbphrase[posts]: $post[posts]
</div>
CONTINUA ABAJO
Respuesta: "Recuadrar" los datos del postbit
Continua Mas abajo<!-- Start Post Thank You Hack -->
<if condition="$post[userid]"><div class="postbit">$post[userid]">
<br />
</div></if>
$vbphrase[post_thanks_thanks]: $post[post_thanks_user_amount]
<br />
<if condition="$post[post_thanks_thanked_times_on] == 1">
$vbphrase[post_thanks_time_post]"><div class="postbit">
$post[post_thanks_thanked_times_on] == 1">
$vbphrase[post_thanks_time_post]
<else />
</div></if>
<if condition="$post[post_thanks_thanked_posts_on] == 1"><div class="postbit">
$post[post_thanks_thanked_posts_on] == 1">
</div></if>
<phrase 1="$post[post_thanks_thanked_times]">$vbphrase[post_thanks_times_post]</phrase>
<else />
<phrase 1="$post[post_thanks_thanked_times]" 2="$post[post_thanks_thanked_posts]">$vbphrase[post_thanks_times_posts]</phrase>
</if>
</if>
</if>
<!-- End Post Thank You Hack -->
</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>
</td>
<if condition="$show['moderated']">
<td class="alt2" id="td_post_$post[postid]" style="border-right: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]">
<else />
<td class="alt1" id="td_post_$post[postid]" style="border-right: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]">
</if>
$template_hook[postbit_messagearea_start]
<if condition="$show['messageicon'] OR $post['title']">
<!-- icon and title -->
<div class="smallfont">
<if condition="$show['messageicon']"><img class="inlineimg" src="$post[iconpath]" alt="$post[icontitle]" border="0" /></if>
<if condition="$post['title']"><strong>$post[title]</strong></if>
</div>
<hr size="1" style="colorstylevar[tborder_bgcolor]" />
<!-- / icon and title -->
</if>
<!-- message -->
<div id="post_message_$post[postid]">$post[message]</div>
<!-- / message -->
<if condition="$show['attachments']">
<!-- attachments -->
<div style="padding
<if condition="$show['thumbnailattachment']">
<fieldset class="fieldset">
<legend>$vbphrase[attached_thumbnails]</legend>
<div style="padding
$post[thumbnailattachments]
</div>
</fieldset>
</if>
<if condition="$show['imageattachment']">
<fieldset class="fieldset">
<legend>$vbphrase[attached_images]</legend>
<div style="padding
$post[imageattachments]
</div>
</fieldset>
</if>
<if condition="$show['imageattachmentlink']">
<fieldset class="fieldset">
<legend>$vbphrase[attached_images]</legend>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
$post[imageattachmentlinks]
</table>
</fieldset>
</if>
<if condition="$show['otherattachment']">
<fieldset class="fieldset">
<legend>$vbphrase[attached_files]</legend>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
$post[otherattachments]
</table>
</fieldset>
</if>
<if condition="$show['moderatedattachment']">
<fieldset class="fieldset">
<legend>$vbphrase[attachments_pending_approval]</legend>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
$post[moderatedattachments]
</table>
</fieldset>
</if>
</div>
<!-- / attachments -->
</if>
$template_hook[postbit_signature_start]
<if condition="$post['signature']">
<!-- sig -->
<div>
__________________<br />
$post[signature]
</div>
<!-- / sig -->
</if>
$template_hook[postbit_signature_end]
<if condition="$show['postedited']">
<!-- edit note -->
<div class="smallfont"> <hr size="1" style="color
<em>
<phrase 1="$post[edit_username]" 2="$post[edit_date]" 3="$post[edit_time]">$vbphrase[last_edited_by_x_on_y_at_z]</phrase>.
<if condition="$post['edit_reason']">$vbphrase[reason]: $post[edit_reason]</if>
</em>
</div>
<!-- / edit note -->
</if>
</td>
</tr>
<tr>
<td class="alt2" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px">
$post[onlinestatus]
<if condition="$show['reputationlink']">
<span id="reputationmenu_$post[postid]"><a href="reputation.php?$session[sessionurl]p=$post[postid]" rel="nofollow" id="reputation_$post[postid]"><img class="inlineimg" src="$stylevar[imgdir_button]/reputation.gif" alt="<phrase 1="$post[username]">$vbphrase[add_to_xs_reputation]</phrase>" border="0" /></a></span>
<if condition="$show['popups']"><script type="text/javascript"> vbrep_register("$post[postid]")</script></if>
</if>
<if condition="$show['infractionlink']"><a href="infraction.php?$session[sessionurl]do=report&p=$post[postid]" rel="nofollow"><img class="inlineimg" src="$stylevar[imgdir_button]/infraction.gif" alt="<phrase 1="$post[username]">$vbphrase[add_infraction_for_x]</phrase>" border="0" /></a></if>
<if condition="$show['reportlink']"><a href="report.php?$session[sessionurl]p=$post[postid]" rel="nofollow"><img class="inlineimg" src="$stylevar[imgdir_button]/report.gif" alt="$vbphrase[report_bad_post]" border="0" /></a></if>
$post[iplogged]
</td>
<if condition="$show['moderated']">
<td class="alt2" align="$stylevar[right]" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-left: 0px; border-top: 0px">
<else />
<td class="alt1" align="$stylevar[right]" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-left: 0px; border-top: 0px">
</if>
<!-- controls -->
<!-- Start Post Thank You Hack -->
$post_thanks_button
<!-- End Post Thank You Hack -->
<if condition="$post['editlink']">
<img style="display: none" id="progress_$postid" src="$stylevar[imgdir_misc]/progress.gif" alt="$vbphrase[loading_editor_please_wait]" />
<a href="$post[editlink]" name="vB::QuickEdit:
</if>
<if condition="$post['forwardlink']">
<a href="$post[forwardlink]"><img src="$stylevar[imgdir_button]/forward.gif" alt="$vbphrase[forward_message]" border="0" /></a>
</if>
<if condition="$post['replylink']">
<a href="$post[replylink]" rel="nofollow"><img src="$stylevar[imgdir_button]/<if condition="$post['forwardlink']">reply_small<else />quote</if>.gif" alt="$vbphrase[reply_with_quote]" border="0" /></a>
</if>
<if condition="$show['multiquote_post']">
<a href="$post[replylink]" rel="nofollow" onclick="return false"><img src="$stylevar[imgdir_button]/multiquote_<if condition="$show['multiquote_selected']">on<else />off</if>.gif" alt="$vbphrase[multi_quote_this_message]" border="0" id="mq_$post[postid]" /></a>
</if>
<if condition="$show['quickreply'] AND !$show['threadedmode']">
<a href="$post[replylink]" rel="nofollow" id="qr_$post[postid]" onclick="return false"><img src="$stylevar[imgdir_button]/quickreply.gif" alt="$vbphrase[quick_reply_to_this_message]" border="0" /></a>
</if>
<if condition="$show['moderated']">
<img src="$stylevar[imgdir_misc]/moderated.gif" alt="$vbphrase[moderated_post]" border="0" />
</if>
<if condition="$show['deletedpost']">
<img src="$stylevar[imgdir_misc]/trashcan.gif" alt="$vbphrase[deleted_post]" border="0" />
</if>
<if condition="$show['redcard']">
<a href="infraction.php?$session[sessionurl]do=view&p=$post[postid]"><img src="$stylevar[imgdir_button]/redcard.gif" alt="$vbphrase[received_infraction]" border="0" /></a>
<else />
<if condition="$show['yellowcard']">
<a href="infraction.php?$session[sessionurl]do=view&p=$post[postid]"><img src="$stylevar[imgdir_button]/yellowcard.gif" alt="$vbphrase[received_warning]" border="0" /></a>
</if>
</if>
$template_hook[postbit_controls]
<!-- / controls -->
</td>
</tr>
</table>
Respuesta: "Recuadrar" los datos del postbit
$template_hook[postbit_end]
<!-- post $post[postid] popup menu -->
<div class="vbmenu_popup" id="postmenu_$post[postid]_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">
<tr>
<td class="thead">$post[username]</td>
</tr>
<if condition="$show['profile']">
<tr><td class="vbmenu_option"><a href="member.php?$session[sessionurl]u=$post[userid]">$vbphrase[view_public_profile]</a></td></tr>
</if>
<if condition="$show['pmlink']">
<tr><td class="vbmenu_option"><a href="private.php?$session[sessionurl]do=newpm&u=$post[userid]" rel="nofollow"><phrase 1="$post[username]">$vbphrase[send_private_message_to_x]</phrase></a></td></tr>
</if>
<if condition="$show['emaillink']">
<tr><td class="vbmenu_option"><a href="sendmessage.php?$session[sessionurl]do=mailmember&u=$post[userid]" rel="nofollow"><phrase 1="$post[username]">$vbphrase[send_email_to_x]</phrase></a></td></tr>
</if>
<if condition="$show['homepage']">
<tr><td class="vbmenu_option"><a href="$post[homepage]"><phrase 1="$post[username]">$vbphrase[visit_xs_homepage]</phrase></a></td></tr>
</if>
<if condition="$show['search']">
<tr><td class="vbmenu_option"><a href="search.php?$session[sessionurl]do=finduser&u=$post[userid]" rel="nofollow"><phrase 1="$post[username]">$vbphrase[find_more_posts_by_x]</phrase></a></td></tr>
</if>
<if condition="$post['userid'] AND $show['member']">
<tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=addlist&userlist=buddy&u=$post[userid]"><phrase 1="$post[username]">$vbphrase[add_x_to_buddy_list]</phrase></a></td></tr>
</if>
$template_hook[postbit_user_popup]
</table>
</div>
<!-- v3 Arcade -->
<if condition="$post['arcadeawards']">
<tr><td class="thead"><phrase 1="$post[username]">$vbphrase[xs_arcade_awards]</phrase></a></td></tr>
$post[arcadeawards]
</if>
<if condition="($post['arcadeoptions'] & 1) AND $post['userid']!=$bbuserinfo['userid']">
<tr><td class="thead">$vbphrase[arcade]</a></td></tr>
<tr><td class="vbmenu_option"><a href="arcade.php?do=newchallenge&userid=$post[userid]"><phrase 1="$post[username]">$vbphrase[challenge_x_in_the_arcade]</phrase></td></tr></if>
<!-- /v3 Arcade -->
<!-- / post $post[postid] popup menu -->
<!-- Start Post Thank You Hack -->
$post_thanks
<!-- End Post Thank You Hack -->
Perdon por hacer 3 posts seguidos pasa que no me entraba sino
desde ya muchas gracias!
Re: "Recuadrar" los datos del postbit
Gracias Skavenger.
Ahora tengo otra cosa para tenerlo aun mas personalizado. Quiero que en el postbit_legacy salgan la informacion sobre las gracias en color, pero no quiero que salga todo de color, solo los titulos. Como Gracias: . Pero la unica referencia de esto que hay en la plantilla es esto
Y si pongo ahi un codigo de color se pone de color todo, incluido los numeros.Código:<div class="postbit"><b>$template_hook[postbit_userinfo_right_after_posts]</div>
Sabes como podria hacer esto que te digo?
Perdon si me he explicado mal jeje
Respuesta: Re: Respuesta: "Recuadrar" los datos del postbit
Iniciado por Skavenger
y estan bien puestos los codigos del posbit que te mostre ahi ? o mande fruta?
te digo por que siento que puse miles de cosas y ahora no se si reinstalar el vb jaja
me gustaria conseguir sino algun skin sencillo,me podrian recomendar alguno... uno sin tantos firuletes y cosas asi algo como este (www.vagos.es) o este otro (www.nforo.net) pero en otros colores por ejemplo tonalidades de verde en fin... algo asi:S ya que cualquiera que pongo me vuelve la pagina imposible que ya se vuelve super lenta y demas, ahora, lo que yo pregunto, yo instale un monton de hacks y bastante cosas, si llego a instalar un nuevo skin, esto desaparece?
por que si tengo que hacerlo todo de nuevo, creo que ni me acuerdo las cosas que hice y a parte me llevaria el doble de tiempo :S
Re: "Recuadrar" los datos del postbit
gracias, estaba en post_thanks_postbit_info
Otra cosa...como hago para añadir localizacion? porque mis usuarios al registrarse no les viene en ningun sitio para ponerla
Edito: tuve un error y no hice una copia...y tuve que revertir el postbit_legacy, pero ahora no me sale en el los campos personalizables que tenia, Cual es el codigo para estos?
Citar