Crear un PostBit decente y bueno.

Jaizu 9 Oct, 2011, 4:05 am

Este Tutorial está basado en otro, créditos a Darke y a Jaizu.
Lograremos algo así:

[attachment=1250]
Vamos a urldetuforo/admin/index.php?module=style
Seleccionamos nuestro skin y le Damos a agregar hoja de estilo.
Nombre del archivo:
J_PostBit
Adjunto a:
Globalmente
Escribir mi propio código

.contenedor {
background: url(imagen-de-arriba) top left repeat-x;
width: 165px;
color: #666;
border-bottom: 1px solid #bebebe;
font-size: 11px;
text-shadow: 1px 1px 0 #fff;
border-top: 1px solid #999999;
border-bottom: 1px solid #bebebe;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
margin-top: 5px;
padding: 5px 10px;
text-align: center;
font-size: 11px;
font-weight: bold;
border-radius:15px 15px 0px 0px;
-moz-border-radius:15px 15px 0px 0px;
-webkit-border-radius:15px 15px 0px 0px;
}

.user {
background: #cfcfcf url(imagen-del-fondo-de-nombreuser) top left repeat-x;
width: 140px;
color: #666;
border-bottom: 1px solid #bebebe;
font-size: 11px;
text-shadow: 1px 1px 0 #fff;
border-top: 1px solid #999999;
border-bottom: 1px solid #bebebe;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
margin-top: 5px;
padding: 5px 10px;
text-align: center;
font-size: 11px;
font-weight: bold;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.postbit {
width: 165px;
color: #666;
border-bottom: 1px solid #bebebe;
font-size: 11px;
text-shadow: 1px 1px 0 #fff;
border-top: 1px solid #999999;
border-bottom: 1px solid #bebebe;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
margin-top: 0px;
padding: 5px 10px;
text-align: left;
font-size: 11px;
background: url(imagen-de-abajo) bottom left repeat-x;
}

.image{ 
background:  url(imagen-del-fondo-del-rango) top left repeat-x;
margin-right: -10px;
margin-left: -10px;
padding: 5px;
}

Ahroa sustituiremos postbit_clasic por esto:

{$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="{$altbg}" width="15%" valign="top" style="white-space: nowrap; text-align: center;"><a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
        
<div class="contenedor"><div class="user"><span class="smalltext"><span class="largetext"><center> {$post['profilelink']}{$post['onlinestatus']} </center></span>
        </span></div><br>{$post['useravatar']}</div><div class="postbit">
            <div class="image"><center>{$post['groupimage']}{$post['userstars']}</center></div>
            {$post['user_details']}
        </span></div>
    </td>
    <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']}" class="post_body">
               <div>
{$post['message']}
</div> 
            </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_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>

DEMO

[Imagen: kLUbBrj.png]

danidiaz 9 Oct, 2011, 5:40 am

A mi no me funciona Sad

Jaizu 9 Oct, 2011, 7:55 am

(9 Oct, 2011, 5:40 am)danidiaz escribió: A mi no me funciona

Si es PokeZone donde lo estás probando es por que no estás usando el PostBit_Clasic, prueba a pegar esa plantilla en PostBit también Tongue

[Imagen: kLUbBrj.png]

Fraancoo 9 Oct, 2011, 8:01 am

Excelente, te muestro como me quedo ami xD
[Imagen: 1-25.png]

¿Cómo recuadro la informacion de "Mensajes", "Ingreso", etc?

Saludos y gracias!

Jaizu 9 Oct, 2011, 8:03 am

(9 Oct, 2011, 8:01 am)Fraancoo escribió: Excelente, te muestro como me quedo ami xD
[Imagen: 1-25.png]

¿Cómo recuadro la informacion de "Mensajes", "Ingreso", etc?

Saludos y gracias!

Gracias por tu "testimonio" xD
Eso de recuadrar lo explicaría, pero ya hay un tuto por aquí, dale al buscador y pon recuadrar, creo que ya aparece Tongue

[Imagen: kLUbBrj.png]

Ryuuseiken 9 Oct, 2011, 8:38 am

Te quedo bien Wink

Saludos!

Bewan 9 Oct, 2011, 11:34 am

Eres un Crack, voy a ponerme a ello ahora, Smile

te llebas toda mi reputacion de hoy,
^^

Sonrics 9 Oct, 2011, 12:41 pm

muy bonito (parecido al de darkne) pero para mi gusto esta muy sobre cargado igual te dejo tu reputacion haz echo una buena opcion de posbit.

pd. se que muchos lo usaran ja

Deadnorth 9 Oct, 2011, 1:01 pm

muy bueno en verdad aunque me lo ripeaste de todo descargas e_e

Jaizu 9 Oct, 2011, 1:04 pm

#10

(9 Oct, 2011, 1:01 pm)deadnorth escribió: muy bueno en verdad aunque me lo ripeaste de todo descargas e_e

No, no lo he ripeado xD
No recuerdo el link, la otra vez lo ripeara de Saapy, pero ese es otro, este solo se parece en la caja del user, que no está rip de ningún sitio, además no sería tuyo si no del skin de SMF

[Imagen: kLUbBrj.png]