[Tutorial] Modificación al postbit clásico

Ryuuseiken 9 Oct, 2011, 10:10 pm

Hola, modifique el postbit clásico ligeramente y esto fue lo que logre, espero les guste.

Como quedaría:

[Imagen: postbit-105601.png]

Tutorial

Vamos a :

Estilos y Plantillas » Plantillas de tu tema » Caja del mensaje - Plantillas » postbit_classic

Remplazamos todo por esto:

{$ignore_bit}
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="{$post_visibility}" id="post_{$post['pid']}">
<tr>
<td class="{$altbg}" width="15%" valign="top" style="white-space: nowrap; text-align: center;">
<strong>{$post['profilelink']}</strong> {$post['onlinestatus']}
</td>
<td class="{$altbg}" width="85%" valign="top" style="white-space: nowrap;">
<span class="smalltext">{$post['posturl']}<strong>&raquo; {$post['icon']}{$post['subject']} {$post['subject_extra']}</strong></span>
</td>
</tr>
	<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>
		<span class="smalltext">
			{$post['usertitle']}<br />
			{$post['userstars']}
			{$post['groupimage']}
			{$post['useravatar']}<br />
			{$post['user_details']}
		</span>
	</td>
	<td class="{$altbg}" valign="top">
		<table width="100%">
			<tr><td>
			<br />
			<div id="pid_{$post['pid']}" class="post_body">
				{$post['message']}
			</div>
			{$post['attachments']}
			{$post['signature']}<br/>
			<span style="float:right" id="post_meta_{$post['pid']}">
				<div id="edited_by_{$post['pid']}">{$post['editedmsg']}</div></span>
				{$post['iplogged']}
			
		</td></tr>
	</table>
</td>
</tr>
</table><p>
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
	<td class="{$altbg}" width="15%" style="white-space: nowrap; text-align: center; vertical-align: middle;"><span class="smalltext"><strong>&raquo;</strong> {$post['postdate']} {$post['posttime']}</span></td>
	<td class="{$altbg}" width="85%" 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><p/>

Luego a :

Estilos y Plantillas » Plantillas de tu tema » Caja del mensaje - Plantillas » postbit_iplogged_hiden

Remplazamos todo por esto:

<span class="smalltext" style="float:left">{$lang->postbit_ipaddress} <a href="moderation.php?action=getip&amp;pid={$post['pid']}">{$lang->postbit_ipaddress_logged}</a></span>

Ahora a :

Estilos y Plantillas » Plantillas de tu tema » Mostrar tema - Plantillas » showthread

Remplazamos todo por esto:

<html>
<head>
<title>{$thread['subject']}</title>
{$headerinclude}
<script type="text/javascript">
<!--
	var quickdelete_confirm = "{$lang->quickdelete_confirm}";
// -->
</script>
<script type="text/javascript" src="jscripts/thread.js?ver=1603"></script>
</head>
<body>
	{$header}
	{$pollbox}
	<div class="float_left">
		{$multipage}

	</div>
	<div class="float_right">
		{$newreply}
	</div>
	{$ratethread}
	<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
		<tr>
			<td class="thead" colspan="2">
				<div style="float: right;">
					<span class="smalltext"><strong><a href="showthread.php?mode=threaded&amp;tid={$tid}&amp;pid={$pid}#pid{$pid}">{$lang->threaded}</a> | <a href="showthread.php?mode=linear&amp;tid={$tid}&amp;pid={$pid}#pid{$pid}">{$lang->linear}</a></strong></span>
				</div>
				<div>
					<strong>{$thread['threadprefix']}{$thread['subject']}</strong>
				</div>
			</td>
		</tr>
		{$classic_header}
	</table><p/>
	<div id="posts">
		{$posts}
	</div><p/>
	<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" >
		<tr>
			<td colspan="2" class="tfoot">
				{$search_thread}
				<div>
					<strong>&laquo; <a href="{$next_oldest_link}">{$lang->next_oldest}</a> | <a href="{$next_newest_link}">{$lang->next_newest}</a> &raquo;</strong>
				</div>
			</td>
		</tr>
	</table>
	<div class="float_left">
		{$multipage}
	</div>
	<div style="padding-top: 4px;" class="float_right">
		{$newreply}
	</div>
	<br style="clear: both;" />
	{$quickreply}
	{$threadexbox}
	{$similarthreads}
	<br />
	<div class="float_left">
		<ul class="thread_tools">
			<li class="printable"><a href="printthread.php?tid={$tid}">{$lang->view_printable}</a></li>
			<li class="sendthread"><a href="sendthread.php?tid={$tid}">{$lang->send_thread}</a></li>
			<li class="subscription_{$add_remove_subscription}"><a href="usercp2.php?action={$add_remove_subscription}subscription&amp;tid={$tid}&amp;my_post_key={$mybb->post_code}">{$add_remove_subscription_text}</a></li>
		</ul>
	</div>

	<div class="float_right" style="text-align: right;">
		{$moderationoptions}
		{$forumjump}
	</div>
	<br style="clear: both;" />
	{$usersbrowsing}
	{$footer}
</body>
</html>

Licencia (CC BY-NC-ND 3.0)

[Imagen: 80x15.png] Este tutorial se encuentra bajo una licencia Creative Commons Reconocimiento-NoComercial-SinObraDerivada 3.0 Unported.

Autor de esta guía: Ryuuseiken de SoporteMyBB.
Si deseas publicarlo en otros sitios tendrás que publicar la licencia y la autoría.

Jaizu 11 Oct, 2011, 12:12 pm

Simple, dudo que lo usen, la gente busca más CSS y algo más moderno, aun que este para un Foro simple quedaría bueno.
Gracias Smile

[Imagen: kLUbBrj.png]

Ryuuseiken 11 Oct, 2011, 1:31 pm

Claro solo sería como una modificación base, haría con css pero no quedaría bien en todos los temas.
Más adelante hare un tema con el postibt y postbit_classic personalizados.
Gracias por tu comentario.

Omar G. 12 Oct, 2011, 12:24 pm

Bueno, mientras no edites el global.css creo que se vera decente en todos los temas.

Envía un DM o MP si te interesa patrocinar alguna actualización o complemento a alguno de mis plugins.

Discord omar.gonzalez (Omar G.#6117); Telegram at @omarugc;

-NaKu- 12 Nov, 2011, 2:58 am

Buen tutorial, creo que a muchas personas les servirá Smile

Jaizu 12 Nov, 2011, 3:01 am

Podías poner scan de como quedaría en otros skins, por lo que veo se ve mal por que el skin Default :/

[Imagen: kLUbBrj.png]

Ryuuseiken 12 Nov, 2011, 5:49 am

[Imagen: captura-118177.png]
Ten, creo que ahí queda mejor xd.