Tutorial: Les dejo mi Posbit por si les agrada

millalobo · 21 Abr 2010

DEMO

**RECUERDEN HACER UN BACKUP DE LAS PLANTILLAS EN CASO DE EMERGENCIA**

PASO 1

* admincp >> Estilos y Plantillas >> Administrador de Estilos >> tu estilo >> Editar plantillas

postbit.css: al final agregar esto:

PHP:

/* eTiKeT Postbit_Legacy*/

.eti_postbit_merkezli {  
  padding-left: 4px; 
  padding-right: 2px; 
  padding-top: 2px; 
  padding-bottom: 2px; 
  background-color: #efefef; 
  border-top: 1px solid #dddddd; 
  border-right: 1px solid #dddddd; 
  border-left: 1px solid #c4c4c4; 
  border-bottom: 1px solid #c4c4c4; 
  margin-bottom: 4px; 
  text-align:center;  
 -moz-box-shadow: 0 2px 6px #b3b3b3;
 -webkit-box-shadow: -1px 2px 2px #b3b3b3;
 -moz-border-radius-bottom{vb:stylevar left}:6px;
 -moz-border-radius-top{vb:stylevar right}:6px;
 -webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar threadlisthead_top_corner_radius};
 -webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar threadlisthead_top_corner_radius};}
 
.eti_postbit { 
  padding-left: 4px; 
  padding-right: 2px; 
  padding-top: 2px; 
  padding-bottom: 2px; 
  background-color: #efefef; 
  border-top: 1px solid #dddddd; 
  border-right: 1px solid #dddddd; 
  border-left: 1px solid #c4c4c4; 
  border-bottom: 1px solid #c4c4c4; 
  margin-bottom: 4px; 
 -moz-box-shadow: 0 2px 6px #b3b3b3;
 -webkit-box-shadow: -1px 2px 2px #b3b3b3;
 -moz-border-radius-bottom{vb:stylevar left}:6px;
 -moz-border-radius-top{vb:stylevar right}:6px;
 -webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar threadlisthead_top_corner_radius};
 -webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar threadlisthead_top_corner_radius};
}

PASO 2
* admincp >> Estilos y Plantillas >> Administrador de Estilos >> tu estilo >> Editar plantillas

* postbit_legacy: reemplazalo completo por esto:

PHP:

{vb:raw template_hook.postbit_start}
<li class="postbitlegacy postbitim postcontainer" id="post_{vb:raw post.postid}">
<!-- see bottom of postbit.css for .userinfo .popupmenu styles -->

    <div class="posthead">
        <label for="post_imod_checkbox_{vb:raw post.postid}">
        <span class="postdate {vb:raw post.statusicon}">
        <vb:if condition="$show['announcement']">
        <span class="date">{vb:rawphrase x_until_y, {vb:raw post.startdate}, {vb:raw post.enddate}}</span>
        <vb:else />
        <span class="date">{vb:raw post.postdate}<vb:if condition="!$show['detailedtime']">&nbsp;<span class="time">{vb:raw post.posttime}</span></vb:if></span>
        </vb:if>
        </span>
        </label>
        <span class="nodecontrols">
        <vb:if condition="$post['postid'] AND $post['threadid']">
            <a name="post{vb:raw post.postid}" href="{vb:link thread, {vb:raw thread}, {vb:raw pageinfo_post}}#post{vb:raw post.postid}" class="postcounter">#{vb:raw post.postcount}</a>
        </vb:if>
        <vb:if condition="$show['inlinemod']">
            <input class="postimod" type="checkbox" id="post_imod_checkbox_{vb:raw post.postid}" name="plist[{vb:raw post.postid}]" value="{vb:raw post.checkbox_value}" />
        </vb:if>
        </span>
    </div>
    <div class="postdetails">
        <div class="userinfo">
            <div class="username_container">

            <vb:if condition="$post['userid']">
<div class="eti_postbit_merkezli">  
                {vb:raw memberaction_dropdown}
            
            <vb:else />
                <span class="username guest">{vb:raw post.musername}</span>
            </vb:if>
            </div>    </div>

<div class="eti_postbit_merkezli">   
{vb:raw post.usertitle}
            </div>    
        


        

            {vb:raw template_hook.postbit_userinfo_left}

        

            <vb:if condition="$show['avatar']">


            <div class="eti_postbit"=a class="postuseravatar" href="{vb:link member, {vb:raw post}}" title="{vb:rawphrase {vb:raw post['onlinestatusphrase']}, {vb:raw post.username}}">
            <center>    

<img src="{vb:raw post.avatarurl}" alt="{vb:rawphrase xs_avatar, {vb:raw post.username}}" title="{vb:rawphrase xs_avatar, {vb:raw post.username}}" />
</center>
            </a>
            </div></vb:if> 
            
<vb:if condition="$post['rank']">

<div class="eti_postbit_merkezli">{vb:raw post.rank}
         </div> </vb:if> 



<div class="eti_postbit">
Status : {vb:raw post.onlinestatus}
</div> 
<vb:if condition="$post['userid']">
    <vb:if condition="$post['joindate']">
<div class="eti_postbit">
{vb:rawphrase join_date} : {vb:raw post.joindate}</div></vb:if>

                    <vb:if condition="$post['field2']">
<div class="eti_postbit">{vb:rawphrase location_perm} : {vb:raw post.field2}</div></vb:if>

                    <vb:if condition="$post['age']"><div class="eti_postbit">
{vb:rawphrase age}: {vb:raw post.age}</div></vb:if>
                    <div class="eti_postbit">
{vb:rawphrase 'posts'} : {vb:raw post.posts}
    </div>
    
{vb:raw template_hook.postbit_userinfo_right_after_posts}
                
                <vb:if condition="$show['infraction'] OR $show['reppower']">
            
                    <vb:if condition="$show['infraction']">

<div class="eti_postbit">
{vb:rawphrase infractions} : 
{vb:raw post.warnings}/{vb:raw post.infractions} ({vb:raw post.ipoints}) 
                    </div></vb:if>
                    <vb:if condition="$show['reputation']">
                        <vb:if condition="$show['reppower']">
    <div class="eti_postbit">
{vb:rawphrase reppower}  
: {vb:raw post.reppower}
</div>


<vb:if condition="$show['reputation']">
<div class="eti_postbit">    <span class="postbit_reputation" id="repdisplay_{vb:raw post.postid}_{vb:raw post.userid}">{vb:raw post.reputationdisplay}</span>
            </div></vb:if>



                        </vb:if>
                    </vb:if>
            
                </vb:if>
                {vb:raw template_hook.postbit_userinfo_right}
                <div class="imlinks">
                    {vb:raw post.icqicon} {vb:raw post.aimicon} {vb:raw post.msnicon} {vb:raw post.yahooicon} {vb:raw post.skypeicon}
                </div>
            </vb:if>
        </div>
        <div class="postbody">
            <div class="postrow<vb:if condition="$show['postedited'] || $post['signature']"> has_after_content</vb:if>">
                {vb:raw template_hook.postbit_messagearea_start}
                <vb:if condition="$post['title'] OR $show['messageicon']">
                <h2 class="title icon">
                    <vb:if condition="$show['messageicon']"><img src="{vb:raw post.iconpath}" alt="{vb:raw post.icontitle}" /> </vb:if>{vb:raw post.title}
                </h2>
                </vb:if>


                        <vb:if condition="$post['isfirstshown']">
                            {vb:raw ad_location.ad_showthread_firstpost_start}
                            {vb:raw ad_location.thread_first_post_content}
                        </vb:if>
                        <vb:if condition="$post['islastshown']">
                            {vb:raw ad_location.thread_last_post_content}
                        </vb:if>
                <div class="content<vb:if condition="$show['first_ad'] OR $show['last_ad']"> hasad</vb:if>">
                    <div id="post_message_{vb:raw post.postid}">
                        <blockquote class="postcontent restore ">
                            {vb:raw post.message}
                        </blockquote>
                    </div>

                    <vb:if condition="$show['attachments']">
                        <div class="attachments">

                        <vb:if condition="$show['thumbnailattachment']">
                            <fieldset class="postcontent">
                                <legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" /> {vb:rawphrase attached_thumbnails}</legend>
                                {vb:raw post.thumbnailattachments}
                            </fieldset>
                        </vb:if>

                        <vb:if condition="$show['imageattachment']">
                            <fieldset class="postcontent">
                                <legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" /> {vb:rawphrase attached_images}</legend>
                                {vb:raw post.imageattachments}
                            </fieldset>
                        </vb:if>

                        <vb:if condition="$show['imageattachmentlink']">
                            <fieldset class="postcontent">
                                <legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" /> {vb:rawphrase attached_images}</legend>
                                <ul>
                                {vb:raw post.imageattachmentlinks}
                                </ul>
                            </fieldset>
                        </vb:if>

                        <vb:if condition="$show['otherattachment']">
                            <fieldset class="postcontent">
                                <legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" /> {vb:rawphrase attached_files}</legend>
                                <ul>
                                {vb:raw post.otherattachments}
                                </ul>
                            </fieldset>
                        </vb:if>

                        <vb:if condition="$show['moderatedattachment']">
                            <fieldset class="postcontent">
                                <legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" /> {vb:rawphrase attachments_pending_approval}</legend>
                                <ul>
                                {vb:raw post.moderatedattachments}
                                </ul>
                            </fieldset>
                        </vb:if>

                        </div>
                    <!-- / attachments -->
                    </vb:if>
                </div>
            </div>
            <vb:if condition="$show['postedited'] || $post['signature']">
            <div class="after_content">
                <vb:if condition="$show['postedited']">
                <!-- edit note -->
                <blockquote class="postcontent lastedited">
<!--                    <img src="{vb:stylevar imgdir_button}/edit_40b.png" class="inlineimg" alt="" /> -->
                    <vb:if condition="$show['postedithistory']">
                        {vb:rawphrase last_edited_link_by_x_on_y_at_z_postid, {vb:raw post.edit_username}, {vb:raw post.edit_date}, 
                            {vb:raw post.edit_time}, {vb:raw post.historyurl}}
                    <vb:else />
                        {vb:rawphrase last_edited_by_x_on_y_at_z, {vb:raw post.edit_username}, {vb:raw post.edit_date}, {vb:raw post.edit_time}}
                    </vb:if>
                    <vb:if condition="$post['edit_reason']">
                        <span class="reason">{vb:rawphrase reason}:</span> {vb:raw post.edit_reason}
                    </vb:if>
                </blockquote>
                <!-- / edit note -->
                </vb:if>
                                       {vb:raw template_hook.postbit_signature_start}
                                {vb:raw ad_location.ad_showthread_firstpost_sig}
                <vb:if condition="$post['signature']">
                        <blockquote class="signature restore"><div class="signaturecontainer">{vb:raw post.signature}</div></blockquote>
                </vb:if>
                                        {vb:raw template_hook.postbit_signature_end}
            </div>
            </vb:if>
            <div class="cleardiv"></div>
        </div>
    </div>
        <div class="postfoot">
            <!-- <div class="postfoot_container"> -->
            <div class="textcontrols">
                <span class="postcontrols">
                    <img style="display:none" id="progress_{vb:raw post.postid}" src="{vb:stylevar imgdir_misc}/progress.gif" alt="{vb:rawphrase loading_editor_please_wait}" />
                    <vb:if condition="$post['editlink']">
                        <a class="editpost" href="{vb:raw post.editlink}" name="vB::QuickEdit::{vb:raw post.postid}"><img src="{vb:raw vboptions.cleargifurl}" id="editimg_{vb:raw post.postid}" alt="{vb:rawphrase edit_delete_message}" /> {vb:rawphrase edit_post}</a> 
                    <span class="seperator">&nbsp;</span>
                    </vb:if>
                    <vb:if condition="$show['quickreply'] AND !$show['threadedmode']">
                        <a id="qr_{vb:raw post.postid}" class='quickreply' href="{vb:raw post.replylink}" rel="nofollow"><img id="replyimg_{vb:raw post.postid}" src="{vb:raw vboptions.cleargifurl}" alt="{vb:rawphrase quick_reply_to_this_message}" /> {vb:rawphrase reply}</a> 
                    <span class="seperator">&nbsp;</span>
                    </vb:if>
                    <vb:if condition="$post['replylink']">
                        <a id="qrwq_{vb:raw post.postid}" class="newreply" href="{vb:raw post.replylink}" rel="nofollow"><img id="quoteimg_{vb:raw post.postid}" src="{vb:raw vboptions.cleargifurl}" alt="{vb:rawphrase reply_with_quote}" /> {vb:rawphrase reply_with_quote}</a> 
                    <span class="seperator">&nbsp;</span>
                    </vb:if>
                    <vb:if condition="$show['multiquote_post']">
                        
                         <a class="multiquote" href="{vb:raw post.replylink}" rel="nofollow" onclick="return false;" id="mq_{vb:raw post.postid}"><img id="mq_image_{vb:raw post.postid}" src="{vb:raw vboptions.cleargifurl}" alt="{vb:rawphrase multi_quote_this_message}" />&nbsp;</a> 
                    </vb:if>
                </span>
                <span class="postlinking">
                    <vb:if condition="!$post['forwardlink'] && THIS_SCRIPT != 'usernote' && THIS_SCRIPT != 'announcement'">
                        <vb:if condition="$promote_sectionid AND $promote_sectionid != -1">
                               <a href="{vb:raw $promote_url}" class="promotecms">{vb:rawphrase promote_to_article}</a>
                                                       <span class="seperator">&nbsp;</span>
                        </vb:if>
                    </vb:if>

                    {vb:raw template_hook.postbit_controls}
                    {vb:raw post.iplogged}
                    <vb:if condition="$show['reputationlink']">
                        <span class="reputationpopupmenu popupmenu popupcustom" title="{vb:raw post.postid}"><a class="popupctrl reputation" title="{vb:rawphrase reputation}" href="reputation.php?{vb:raw session.sessionurl}do=addreputation&amp;p={vb:raw post.postid}" rel="nofollow" id="reputation_{vb:raw post.postid}"><!--<img src="{vb:stylevar imgdir_button}/reputation-40b.png" alt="{vb:rawphrase reputation}" /> -->&nbsp;</a></span>
                    </vb:if>

                    <vb:if condition="$show['infractionlink']">
                        <a class="infraction" href="infraction.php?{vb:raw session.sessionurl}do=report&amp;p={vb:raw post.postid}" rel="nofollow" title="{vb:rawphrase add_infraction_for_x, {vb:raw post.username}}"><!-- <img src="{vb:stylevar imgdir_button}/add-infraction_sm.png" alt="{vb:rawphrase add_infraction_for_x, {vb:raw post.username}}" /> --> &nbsp;</a> &nbsp;
                    </vb:if>
                    <vb:if condition="$show['reportlink']">
                        <a class="report" href="{vb:raw post.reportlink}" rel="nofollow" title="{vb:rawphrase report_bad_post}"><!-- <img src="{vb:stylevar imgdir_button}/report-40b.png" alt="{vb:rawphrase report_bad_post}" /> -->&nbsp;</a> &nbsp;
                    </vb:if>

                    <vb:if condition="$show['moderated']">
                        <img class="moderated" src="{vb:stylevar imgdir_misc}/moderated_sm.png" alt="{vb:rawphrase moderated_post}" />
                    </vb:if>
                    <vb:if condition="$show['spam']">
                        <img class="spam" src="{vb:stylevar imgdir_misc}/spam_detected.png" alt="{vb:rawphrase spam_post}" />
                    </vb:if>
                    <vb:if condition="$show['deletedpost']">
                        <vb:if condition="$show['managepost']">
                            <a class="deleted" href="postings.php?{vb:raw session.sessionurl}do=managepost&amp;p={vb:raw post.postid}" title="{vb:rawphrase manage}"><!-- <img src="{vb:stylevar imgdir_misc}/deleted_sm.png" alt="{vb:rawphrase manage}" /> --> &nbsp;</a>
                        <vb:else />
                            <img class="deleted_nolink" class="inlineimage" src="{vb:stylevar imgdir_misc}/deleted_sm.png" alt="{vb:rawphrase deleted_post}" />
                        </vb:if>
                    </vb:if>
                    <vb:if condition="$show['redcard']">
                        <a class="redcard" href="infraction.php?{vb:raw session.sessionurl}do=view&amp;p={vb:raw post.postid}" rel="nofollow" title="{vb:rawphrase received_infraction}"><!-- <img src="{vb:stylevar imgdir_button}/red-card_sm.png" alt="{vb:rawphrase received_infraction}" /> --> &nbsp;</a>
                        <vb:elseif condition="$show['yellowcard']" />
                            <a class="yellowcard" href="infraction.php?{vb:raw session.sessionurl}do=view&amp;p={vb:raw post.postid}" rel="nofollow" title="{vb:rawphrase received_warning}"><!--<img src="{vb:stylevar imgdir_button}/yellow-card_sm.png" alt="{vb:rawphrase received_warning}" /> --> &nbsp;</a>
                    </vb:if>
                    <vb:if condition="$post['forwardlink']">
                        <a class="forwardpost" href="{vb:raw post.forwardlink}" rel="nofollow"><img src="{vb:stylevar imgdir_button}/reply_40b.png" alt="{vb:rawphrase forward_message}" /> {vb:rawphrase forward}</a>
                    </vb:if>
                </span>
            <!-- </div> -->
            </div>
        </div>
    <hr />
</li>
{vb:raw template_hook.postbit_end}

SUERTE Y CUALQUIER DUDA, SOLO GRITEN!
UN ABRAZO GRANDE A ESTA GRAN COMUNIDAD

Martin1 · 23 Abr 2010

Me quedo asi :S

Ver el archivo adjunto 3494

Ayuda :S

Si no saben, me pasan el posbit_legacy original sin modificar? :S

Andrés Durán · 23 Abr 2010

Hola Martin1. Bienvenido seas a vBHispano.

Revierte la plantilla postbit_legacy pulsando el botón 'Revertir' que se visualiza en las opciones de la derecha del listado de plantillas:

Ver el archivo adjunto 3495

Martin1 · 23 Abr 2010

Muchisimas gracias, ahy lo solucione.

GRACIASS!!

millalobo · 23 Abr 2010

te iba a decir lo mismo que Andres, pero ya esta hecho. Un consejo.
Como dije en el post. Respalda antes que todo las plantillas originales por si acaso.
salu2

Martin1 dijo:
Me quedo asi :S

Ver el archivo adjunto 3494

Ayuda :S

Si no saben, me pasan el posbit_legacy original sin modificar? :S

WinMage · 14 May 2010

Alguien podria decirme cual es el postbit.css porque veo muchos y ninguno tiene su .css

---------- Actualizado a las 17:06 ---------- Original a las 13:37 ----------

yupi despues e varios errores y subir el foro ocmo 3 veces funciono gracias

WinMage · 14 May 2010

Amigo mira esto me falla podrias ayudarme ??
Ver el archivo adjunto 3623

Andrés Durán · 15 May 2010

Hola WinMage.

Tienes que "recuadrar" la nacionalidad utilizando el class "eti_postbit" mencionado en la guía. Osea:

HTML:

<div class="eti_postbit">Código que muestra la nacionalidad</div>

P.d: Antes de copiar el diseño de esta guía, asegurarse de que el código compartido por millalobo sea completamente compatible con su versión de vBulletin. Reemplazar toda una plantilla por la de otra persona no es algo muy recomendado.

ZEL · 18 May 2010

WinMage dijo:
Amigo mira esto me falla podrias ayudarme ??
Ver el archivo adjunto 3623

Amigo WinMage quita colocalo completo y listo

<div class="eti_postbit">

<vb:if condition="$post['field5']">
<dt>Nacionalidad</dt> <dd>
<img src="{vb:stylevar imgdir_button}/flags/{vb:raw post.field5}.GIF" alt="Users Flag!" border="" />
</vb:if>

</div>

Y listro problema solucionado Saludos.

cetroline · 3 Jul 2010

Bueno , A mi solo me falta recuadrar esto :

Ver el archivo adjunto 3880
todo me salio bien pero eso lo de arriba es lo que falta ... =$.

kaballote · 4 Jul 2010

se ve bonito gracias xD 😀

imported_lino · 28 Sep 2010

y para cambiarle el colo ejemplo

donde dice
status
fecha de ingreso
ubicacion.
si quiero que eso salga en otro color, donde lo podra editar???

imported_NkC · 28 Sep 2010

Es color por defecto de tu skin

imported_lino · 28 Sep 2010

pero de igual manera, esto se podria cambiar????

imported_Ryuk · 28 Sep 2010

Es solo cambiar los colores en el css agregado en paso 1 click AQUI para ver colores hexadecimales, si sabes un poco de css lo haras sin problemas. 😉

imported_lino · 28 Sep 2010

ok gracias,
en la parte de puntos, nivel, y la barra de experiencia, se puede encerrar en un cuadro distinto para cada 1, o todos ban en la misma tabla???

imported_NkC · 28 Sep 2010

Puedes crear 3 div distintos para cada tabla :s

imported_lino · 28 Sep 2010

lo que pasa eske cuando incluyo
el codigo

<div class="eti_postbit"> {vb:raw template_hook.postbit_userinfo_right_after_posts} </div>
me aparece todo completo en una sola tabla, como lo podria poner en las tablas diferentes para todos??

muchas gracias, aho te dejo tus gracias, por supuesto que me funciono

imported_NkC · 28 Sep 2010

Debes editar la plantilla: xperience_gfx . Hay puedes modificar los div de cada barra por separado, igual puedes centrarlas, etc.

PD: Deja "gracias" si te fue util ^^.

imported_lino · 28 Sep 2010

pero aun asi, me quedaron faltando las de
puntos, nivel, gracias, y ademas las de los puntos del ucash
T.T
gracias si podes responder a mis problemas

(lamentablemente, para todos nosostros los nuevos en esto, nos tienen que hacer todo practicamente, XD pero se les agradece el soporte prestado)

Tutorial: Les dejo mi Posbit por si les agrada

millalobo

Martin1

Andrés Durán

Martin1

millalobo

WinMage

WinMage

Andrés Durán

ZEL

cetroline

kaballote

imported_lino

imported_NkC

imported_lino

imported_Ryuk

imported_lino

imported_NkC

imported_lino

imported_NkC

imported_lino

Temas similares

Privacidad y transparencia

Privacidad y transparencia