MyBB-Es.com     Personalización y configuración de los foros MyBB     Recursos para MyBB    

--> Postbit DarkPilot

ZioGuE   12 Jul, 2011, 12:20 pm
#1
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: 6654109postbit.png]

[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.

<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):

{$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>


[Imagen: d24b8_barra_separadora_texto.gif]

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


[Imagen: d24b8_barra_separadora_texto.gif]

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
#2
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
Envía un DM o MP si te interesa patrocinar alguna actualización o complemento a alguno de mis plugins.

[Imagen: signature.png]

Discord omar.gonzalez (Omar G.#6117); Telegram at @omarugc;
  
 Responder
ZioGuE   13 Jul, 2011, 9:51 am
#3
(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 Big Grin

Por lo demas esta bien Smile

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

Wow!, eso si no lo sabia. Muchas gracias, lo tomaré en cuenta Wink
  
 Responder
Cluster   13 Jul, 2011, 10:37 am
#4
Bonito pero un ejemplo ya instalado?
Smile
  
 Responder
Xpress   28 Dec, 2011, 8:34 am
#5
Excelente postbit, está como un PostbitCard. Me gusta mucho.
  
 Responder
TheZeuS   28 Dec, 2011, 8:41 am
#6
Esta bonito, pero me gusta mas los perfiles mas "normales" por decirlo así tipo los de PhpBB.

  
 Responder
Tema anterior      Tema siguiente
  
 Contáctanos
 Equipo del foro
 MyBB-Es.com - Soporte para los Foros MyBB en Español
 Volver arriba
 Marcar foros como leídos
 Sindicación RSS
 Ayuda
Powered By MyBB, © 2002-2025 MyBB Group.
Made with by Curves UI.