Postbit elegante y moderno

wasmake 18 Apr, 2011, 11:15 am

Hace poco que no ago un tutorial y bueno hoy vengo con uno para ustedes hecho por mi Wink

Aqui una captura:
[attachment=936]

bueno para hacer esto vamos a global.css y agregamos:

Cita:.postbit_name {
background: url(http://emuxela.net46.net/images/gamenow/tcat.png) top left repeat-x;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
padding: 4px;
margin: 0;
position: relative;
top: -6px;
left: -6px;
text-align: left;
color: #666;
text-shadow: 1px 1px 0 #fff;
border: 1px solid #C0C0C0;
font-size: 12px;
}

.postbit_info {
text-align: left;
color: #666;
}

Despues en postbit classic editamos lo siguiente:

Cita:<div><strong><span>.......</div>

y en el postbit author user:

Cita:<div>
<b>{$lang->postbit_posts}</b> {$post['postnum']}<br />
<b>{$lang->postbit_joined}</b> {$post['userregdate']}
<b>{$post['replink']}{$post['warninglevel']}</b>
</div>

y listo espero les guste

Cluster 18 Apr, 2011, 11:17 am

jeje tu lo has dicho "simple" aunque creo que le hace falta mas efecto Tongue

Gustavo R. 18 Apr, 2011, 11:35 am

Esta lindo Big Grin

[Imagen: l7Qimoa.png]

Ignnacio 18 Apr, 2011, 1:19 pm

Esta bonito, buen trabajo.

wasmake 18 Apr, 2011, 3:09 pm

Gracias por los comentarios n.n espero lo usen Big Grin

PD:mi post no.100 n.n

TheZeuS 18 Apr, 2011, 3:30 pm

Muy buen post, me ha gustado y creó que lo usaré.
Solo una cosa, esta parte del código :

background: url([url=http://emuxela.net46.net/images/gamenow/tcat.png%29]http://emuxela.net46.net/images/gamenow/tcat.png)[/url] top left repeat-x;

Tiene el link de la imagen caida.

~Night 18 Apr, 2011, 3:38 pm

En realidad es porque va

Cita:background: url(http://emuxela.net46.net/images/gamenow/tcat.png)top left repeat-x;

wasmake 18 Apr, 2011, 4:04 pm

quitale el [url= [/url]

Frost~ 19 Apr, 2011, 12:40 am

Muy buen post bit darkne, lo implantare en GS... Pero, una cosa ¿Me podrian dar la imagen en un adjunto?

Y otra cosa, ¿Me podrian dar el Postbit Classic editado ya? Es que no entiendo lo que hay que editar. Este es mi PostBit:

{$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>
                                    <strong><span class="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br />
		<span class="smalltext">
                                    {$post['usertitle']}<br />
                                    {$post['userstars']}
                                    {$post['groupimage']}
                                    {$post['useravatar']}
                                              {$post['user_details']}
                                              {$post['levelbar']}
                          </span>
	</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']}" style="padding: 5px 0 5px 0;">
				<div>
<div id="1" style="float:left; z-index: 1; position: Absolute;">
<br><img src="images/globito01.png">
</div>
<div id="2" style="z-index: 0; padding: 5px;">
<fieldset style="background: #D8D8D8;
border:2px solid #0B0B3B;
border-radius: 5px;
 position: relative;">
{$post['message']}
</fieldset>
</div>
</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_find']}</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>

B y e !

Bewan 22 Sep, 2011, 8:44 am

#10

No Funciona, he seguido todos los pasos y no aparece nada :S