--> Postbit DarkPilot

ZioGuE 12 Jul, 2011, 12:20 pm

Holaa! pues esta es una sencilla conversión xD. El postbit es de vbullatin, nadamas extraje el codigo y las imagenes y cambie las funciones por las de mybb y eso es todo. No fue el gran trabajo pero si que quedó bonito Smile

.

Demo:

[Imagen: d24b8_barra_separadora_texto.gif]

Ahora vamos con el código. Este es el código unicamente de la zona marcada osea solo la parte de losd atos del autor, no incluye el post y todo eso, por lo cual deberán adaptarlo a su plantilla y así evitarán perder modificaciones.

Código:
<td class="alt2" rowspan="2" style="border-right: 1px solid rgb(25, 25, 25); border-left: 1px solid rgb(25, 25, 25); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-image: none; border-width: 0px 1px; border-style: none solid; border-color: -moz-use-text-color rgb(25, 25, 25);" width="175">

            <table align="center" border="0" cellpadding="0" cellspacing="0" width="250">

    <tbody><tr>

        <td colspan="3">

            <img src="images/styles/DarkPilot/postbit_01.png" alt="" height="12" width="250"></td>

    </tr>

    <tr>

        <td>

            <img src="images/styles/DarkPilot/postbit_02.png" alt="" height="30" width="56"></td>

        <td style="background-image: url(&quot;images/styles/DarkPilot/postbit_03.png&quot;); height: 30px; width: 179px;">

            <div id="postmenu_6">

{$post['profilelink']}                <script type="text/javascript"> vbmenu_register("postmenu_6", true); </script>

            </div></td>

        <td>

            <img src="images/styles/DarkPilot/postbit_04.png" alt="" height="30" width="15"></td>

    </tr>

    <tr>

        <td>

            <img src="images/styles/DarkPilot/postbit_05.png" alt="" height="31" width="56"></td>

        <td style="background-image: url(&quot;images/styles/DarkPilot/postbit_06.png&quot;); height: 31px; width: 179px;">

            <div class="smallfont"><strong>{$post['usertitle']}</strong></div></td>

        <td>

            <img src="images/styles/DarkPilot/postbit_07.png" alt="" height="31" width="15"></td>

    </tr>

    <tr>

        <td>

            <img src="images/styles/DarkPilot/postbit_08.png" alt="" height="32" width="56"></td>

        <td style="background-image: url(&quot;images/styles/DarkPilot/postbit_09.png&quot;); width: 179px; height: 32px; padding-top: 5px;">

{$post['userstars']}

                                {$post['groupimage']}            </td>

        <td>

            <img src="images/styles/DarkPilot/postbit_10.png" alt="" height="32" width="15"></td>

    </tr>

    <tr>

        <td>

            <img src="images/styles/DarkPilot/postbit_11.png" alt="" height="130" width="56"></td>

        <td style="background-image: url(&quot;images/styles/DarkPilot/postbit_12.png&quot;); width: 179px; height: 130px;">

            </td>

        <td>

            <img src="images/styles/DarkPilot/postbit_13.png" alt="" height="130" width="15"></td>

    </tr>

</tbody></table>

<table align="center" border="0" cellpadding="0" cellspacing="0" width="250">

    <tbody><tr>

        <td colspan="3">

            <img src="images/styles/DarkPilot/postbit2_02.png" alt="" height="27" width="250"></td>

    </tr>

    <tr>

        <td style="background-image: url(&quot;images/styles/DarkPilot/postbit2_03.png&quot;); width: 14px;">&nbsp;

      </td>

        <td style="background-image: url(&quot;images/styles/DarkPilot//postbit2_04.png&quot;); width: 221px;" valign="top">

            <div class="smallfont">

                &nbsp;<br>

                <div><em style="color: rgb(204, 255, 0);">Join Date:</em> Oct 2010</div>

                <div>

                    <em style="color: rgb(204, 255, 0);">Posts:</em> 6

                </div><br>

      <div>    </div></div></td>

        <td style="background-image: url(&quot;images/styles/DarkPilot/postbit2_05.png&quot;); width: 15px;">&nbsp;

            </td>

    </tr>

    <tr>

        <td colspan="3">

            <img src="images/styles/DarkPilot/postbit2_06.png" alt="" height="8" width="250"></td>

    </tr>

</tbody></table>

<table align="center" border="0" cellpadding="0" cellspacing="0" width="250">

    <tbody><tr>

        <td>

            <img src="images/styles/DarkPilot/postbit3_02.png" alt="" height="37" width="23"></td>

        <td>

            <img src="images/styles/DarkPilot/postbit3_03.png" alt="" height="37" width="203"></td>

        <td>

            <img src="images/styles/DarkPilot/postbit3_04.png" alt="" height="37" width="24"></td>

    </tr>

</tbody></table>

    </td>

Si bien eres un webón, y quieres sustituir toda la plantilla postbit_classic, te dejo este code (creo que tiene 1 error, creo):

Código:
{$ignore_bit}

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}">

    <tr>

<td class="alt2" rowspan="2" style="border-right: 1px solid rgb(25, 25, 25); border-left: 1px solid rgb(25, 25, 25); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-image: none; border-width: 0px 1px; border-style: none solid; border-color: -moz-use-text-color rgb(25, 25, 25);" width="175">

            <table align="center" border="0" cellpadding="0" cellspacing="0" width="250">

    <tbody><tr>

        <td colspan="3">

            <img src="images/styles/DarkPilot/postbit_01.png" alt="" height="12" width="250"></td>

    </tr>

    <tr>

        <td>

            <img src="images/styles/DarkPilot/postbit_02.png" alt="" height="30" width="56"></td>

        <td style="background-image: url(&quot;images/styles/DarkPilot/postbit_03.png&quot;); height: 30px; width: 179px;">

            <div id="postmenu_6">

{$post['profilelink']}                <script type="text/javascript"> vbmenu_register("postmenu_6", true); </script>

            </div></td>

        <td>

            <img src="images/styles/DarkPilot/postbit_04.png" alt="" height="30" width="15"></td>

    </tr>

    <tr>

        <td>

            <img src="images/styles/DarkPilot/postbit_05.png" alt="" height="31" width="56"></td>

        <td style="background-image: url(&quot;images/styles/DarkPilot/postbit_06.png&quot;); height: 31px; width: 179px;">

            <div class="smallfont"><strong>{$post['usertitle']}</strong></div></td>

        <td>

            <img src="images/styles/DarkPilot/postbit_07.png" alt="" height="31" width="15"></td>

    </tr>

    <tr>

        <td>

            <img src="images/styles/DarkPilot/postbit_08.png" alt="" height="32" width="56"></td>

        <td style="background-image: url(&quot;images/styles/DarkPilot/postbit_09.png&quot;); width: 179px; height: 32px; padding-top: 5px;">

{$post['userstars']}

                                {$post['groupimage']}            </td>

        <td>

            <img src="images/styles/DarkPilot/postbit_10.png" alt="" height="32" width="15"></td>

    </tr>

    <tr>

        <td>

            <img src="images/styles/DarkPilot/postbit_11.png" alt="" height="130" width="56"></td>

        <td style="background-image: url(&quot;images/styles/DarkPilot/postbit_12.png&quot;); width: 179px; height: 130px;">

            </td>

        <td>

            <img src="images/styles/DarkPilot/postbit_13.png" alt="" height="130" width="15"></td>

    </tr>

</tbody></table>

<table align="center" border="0" cellpadding="0" cellspacing="0" width="250">

    <tbody><tr>

        <td colspan="3">

            <img src="images/styles/DarkPilot/postbit2_02.png" alt="" height="27" width="250"></td>

    </tr>

    <tr>

        <td style="background-image: url(&quot;images/styles/DarkPilot/postbit2_03.png&quot;); width: 14px;">&nbsp;

      </td>

        <td style="background-image: url(&quot;images/styles/DarkPilot//postbit2_04.png&quot;); width: 221px;" valign="top">

            <div class="smallfont">

                &nbsp;<br>

                <div><em style="color: rgb(204, 255, 0);">Join Date:</em> Oct 2010</div>

                <div>

                    <em style="color: rgb(204, 255, 0);">Posts:</em> 6

                </div><br>

      <div>    </div></div></td>

        <td style="background-image: url(&quot;images/styles/DarkPilot/postbit2_05.png&quot;); width: 15px;">&nbsp;

            </td>

    </tr>

    <tr>

        <td colspan="3">

            <img src="images/styles/DarkPilot/postbit2_06.png" alt="" height="8" width="250"></td>

    </tr>

</tbody></table>

<table align="center" border="0" cellpadding="0" cellspacing="0" width="250">

    <tbody><tr>

        <td>

            <img src="images/styles/DarkPilot/postbit3_02.png" alt="" height="37" width="23"></td>

        <td>

            <img src="images/styles/DarkPilot/postbit3_03.png" alt="" height="37" width="203"></td>

        <td>

            <img src="images/styles/DarkPilot/postbit3_04.png" alt="" height="37" width="24"></td>

    </tr>

</tbody></table>

    </td>

&nbsp;<td class="{$altbg}" valign="top">

        <table width="100%">

            <tr><td>{$post['posturl']}<span class="smalltext"><strong>{$post['icon']}{$post['subject']} {$post['subject_extra']}</strong></span>

            <br />

            <div id="pid_{$post['pid']}" style="padding: 5px 0 5px 0;">

                {$post['message']}

            </div>

            {$post['attachments']}

            {$post['signature']}

            <div style="text-align: right; vertical-align: bottom;" id="post_meta_{$post['pid']}">

                <div id="edited_by_{$post['pid']}">{$post['editedmsg']}</div>

                {$post['iplogged']}

            </div>

        </td></tr>

    </table>

</td>

</tr>

<tr>

    <td class="{$altbg}" style="white-space: nowrap; text-align: center; vertical-align: middle;"><span class="smalltext">{$post['postdate']} {$post['posttime']}</span></td>

    <td class="{$altbg}" style="vertical-align: middle;">

        <table width="100%" border="0" cellpadding="0" cellspacing="0">

            <tr valign="bottom">

                <td align="left" ><span class="smalltext">{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}</span></td>

                <td align="right">{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}</td>

            </tr>

        </table>

    </td>

</tr>

</table>

Ahora van a subir la siguiente carpeta dentro de ''images'' de tal manera de que quede así: images/styles/DarkPilot

Descarga>>> http://www.multiupload.com/PRSFP3LJKA

Eso es todo, lo puse en esta sección porque no es mas que una plantilla pero si un mod gusta moverlo segun su criterio a tutoriales, lo puede hacer. Big Grin

Omar G. 13 Jul, 2011, 1:09 am

Un consejo, no uses style por que ya esta eliminado de las recomendaciones oficiales de la w3 o algo asi xD

Usa el class mejor, ademas de que el global.css es cacheado por el navegador Big Grin

Por lo demas esta bien Smile

Pd: Yo también uso style pero no es recomendable cuando es mucho código Wink

{SIGNATURE_IMAGE}

ZioGuE 13 Jul, 2011, 9:51 am

(13 Jul, 2011, 1:09 am)Sama34 escribió: Un consejo, no uses style por que ya esta eliminado de las recomendaciones oficiales de la w3 o algo asi xD

Usa el class mejor, ademas de que el global.css es cacheado por el navegador

Por lo demas esta bien

Pd: Yo también uso style pero no es recomendable cuando es mucho código

Wow!, eso si no lo sabia. Muchas gracias, lo tomaré en cuenta Wink

Cluster 13 Jul, 2011, 10:37 am

Bonito pero un ejemplo ya instalado?

Xpress 28 Dec, 2011, 8:34 am

Excelente postbit, está como un PostbitCard. Me gusta mucho.

TheZeuS 28 Dec, 2011, 8:41 am

Esta bonito, pero me gusta mas los perfiles mas "normales" por decirlo así tipo los de PhpBB.