Páginas (3): 1 2 3   
wasmake   8 Aug, 2011, 4:21 pm
#1
Hola amigos de Mybb-es.
Hoy les traire tal vez un nuevo exito o posible exito de perfil de postbit, para los rangos les dejare el tamaño exacto abajo para que se vea bien.
Espero les guste ya que ami me encanta!!! y si les gusta un +1 rep no ahi de sobra Big Grin.

Previsualizacion
[attachment=1155]

para esto creamos una nueva hoja de estilo en tu tema, llamada postbit.css
le ponen importar mi propio codigo e insertamos el siguiente codigo:
.contenedor {
background: #f9f9f9;
width: 160px;
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: #f9f9f9 url(/images/azulcla.png);
width: 130px;
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: 160px;
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;
border-radius:0px 0px 15px 15px;
-moz-border-radius:0px 0px 15px 15px;
-webkit-border-radius:0px 0px 15px 15px;
}

.image{ 
padding: -15px -10px;
margin-left: -10px;
}

El codigo image nos ayudara a acomodar la imagen de rango, en el ejemplo es la imagen de administrador.
El de posbit es el que contiene la informacion del numero de mensaje etc...

Despues entramos a plantillas y en caja de mensaje posbit classic y remplazamos todo 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>{$post['useravatar']}</div><div class="postbit">
			<div class="image">{$post['groupimage']}</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">
				{$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>

y solo tendran que ir a ajustes del foro visualizacion del tema y configurar el tamaño de avatar en el posbit.

Ahora los rangos deven ser 180 x 25.
Cluster   8 Aug, 2011, 4:39 pm
#2
xd esta lindo felicidades

Smile
ronpsp   8 Aug, 2011, 4:42 pm
#3
que pasa si son de 147 x 35 ,quedaria bien?
saludos
wasmake   8 Aug, 2011, 4:45 pm
#4
No se desfasaria del contorno por eso deve ser asi lo unico que puede ser es variar el x25 por lo que quieras
ronpsp   8 Aug, 2011, 5:38 pm
#5
Pues no me va :S, algo he hecho mal
wasmake   8 Aug, 2011, 6:17 pm
#6
Seguro que agregaste el css?
eduas   8 Aug, 2011, 7:00 pm
#7
Esta muy bien, lo usare en mi pagina Big Grin.
Sonrics   8 Aug, 2011, 10:18 pm
#8
Muy bueno parece el nokia 5200 ... Me gusto más el otro... veremos sí uso este te va rep gracias por compartir :3
Gustavo R.   8 Aug, 2011, 10:26 pm
#9
Muy bueno. Big Grin
ronpsp   9 Aug, 2011, 1:27 am
#10
Mira, creo que si vamos
Páginas (3): 1 2 3   
  
Powered By MyBB, © 2002-2025 MyBB Group.
Made with by Curves UI.