Enviar Respuesta 
 
Calificación:
  • 2 Votos - 5 Media
  • 1
  • 2
  • 3
  • 4
  • 5
[Tutorial] Postbit en recuadros.
13-12-2009, 10:46 AM
Mensaje: #1
[Tutorial] Postbit en recuadros.
Creador del tutorial: Aeroxis
Texto: Aeroxis
Código: ArmyZ

©Copyright 2009-2010 | Cualquier distribución de este tutorial debe contener los créditos al autor de dicho tema. Toda distribución sin créditos al autor será denunciada.

Hola usuarios de MyBB-Es!

Vengo a enseñaros este tutorial echo por mi, pero el código es de ArmyZ Wink

Que conseguiremos:
[Imagen: sinttulo1qd.jpg]

Cuanto tiempo nos durará:
5 minutos

Como se hace:

Primero lo que tenemos que hacer es ir a AdminCP/Plantillas y Estilos/Estilos/TuTema/Global.css/Editar hoja de estilo: Modo avanzado

Y bajamos hasta abajo del todo, y ahora añadimos este código:
Código:
.trow4 {
background: #fcfcfc;
width: 100%;
border: 1px solid #a1c9d8;
font-weight:bold;
padding: 2px;
font-size: 11px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

Ahora vamos a AdminCp/Plantillas y Estilos/Plantillas/Tutema/Caja del mensaje/postbit_author_user:

Y encerramos cada código con esto:
Código:
<table width="100%" border="0" cellspacing="2" cellpadding="1"  style="font-size:12px">
<tr><td class="trow4" align="center">
Código
</td></tr>

<tr><td class="trow4" align="center">
Código 2
</td></tr>

<tr><td class="trow4" align="center">
Código 3
</td></tr>

Y nos tiene que quedar así:
Código:
<table width="100%" border="0" cellspacing="2" cellpadding="1"  style="font-size:12px">
<tr><td class="trow4" align="center">
{$lang->postbit_posts} {$post['postnum']}
</td></tr>

<tr><td class="trow4" align="center">
%%TYL_NUMTHANKEDLIKED%%
</td></tr>

<tr><td class="trow4" align="center">
{$lang->postbit_joined} {$post['userregdate']}
</td></tr>

<tr><td class="trow4" align="center">
<a href=http://ocio-hispano.es/private.php?action=send>Envíame un Mensaje Privado</a>
</td></tr>

<tr><td class="trow4" align="center">
{$post['replink']}{$post['warninglevel']}
</td></tr>

<tr><td class="trow4" align="center">
Mis logros:
<!-- AWARDS -->
</td></tr>

</table>

Y listo, ya tenemos los recuadros en el postbit, si queréis modificar el color de fondo, el borde etc. Solo tenéis que cambiarlo en el Global.css y en:
Código:
<table width="100%" border="0" cellspacing="2" cellpadding="1"  style="font-size:12px">

Saludos, Aeroxis! Wink

como poner el avatar, username, stars, etc en el recuadro
http://www.mybb-es.com/showthread.php?ti...5#pid18025

[Imagen: homepage_logo.jpg]
Miembros: 44,515
Visitar la web del usuario Encuentra todos los mensajes de este usuario
Cita este mensaje en tu respuesta
13-12-2009, 01:12 PM
Mensaje: #2
RE: [Tutorial] Postbit en recuadros.
No pude u_u aver si me ayudas xD
Encuentra todos los mensajes de este usuario
Cita este mensaje en tu respuesta
14-12-2009, 11:44 AM
Mensaje: #3
RE: [Tutorial] Postbit en recuadros.
si lo uso me queda a lo largo
al menos que borre el </table> al final
-_- aasi que no lo usare

[Imagen: 350 x 100.png]
[Imagen: 18981bb5.png]

Encuentra todos los mensajes de este usuario
Cita este mensaje en tu respuesta
14-12-2009, 02:49 PM
Mensaje: #4
RE: [Tutorial] Postbit en recuadros.
buen tuto gracias por el asi aprendere mas del pobist y colocar css en el foro otra cosa has otro tuto de como agregar varias cosas al pobits es decir cosas como banderas la edad el sexo y de algunos plugins como el my plaza y mi rango lo evisto en varios foros y nose mucho hacerlos T.T

visita mi foro------> Zona Emulation<------visita mi foro
[Imagen: logo.gif]
Encuentra todos los mensajes de este usuario
Cita este mensaje en tu respuesta
01-01-2010, 12:11 PM
Mensaje: #5
RE: [Tutorial] Postbit en recuadros.
Pues no me quedo como en tu imagen de muestra Aeorix

Me quedo normal solo que con cosas extras aaaaaaaa yo lo quiero como te quedo Aeorix mi tema es el black evo mira
se ya se que el borde se cambia en css pero no me quedo abajo del avatar!!


Archivo(s) Adjuntos Miniatura(s)
   
Encuentra todos los mensajes de este usuario
Cita este mensaje en tu respuesta
01-01-2010, 12:57 PM
Mensaje: #6
RE: [Tutorial] Postbit en recuadros.
Copia y pega aquí el código que tienes escrito en tu postbit_author_user y lo reviso Wink

[Imagen: homepage_logo.jpg]
Miembros: 44,515
Visitar la web del usuario Encuentra todos los mensajes de este usuario
Cita este mensaje en tu respuesta
04-01-2010, 06:07 PM
Mensaje: #7
RE: [Tutorial] Postbit en recuadros.
Tengo un problema, pude agregarle los cuadros a todo, Exepto a donde se ponen los items que compras en la tienda.
Tengo el {$post['invitems']} en la plantilla Postbit_clasic.
Y en la de postbit_author_user la tengo asi:
Código PHP:
<table width="100%" border="0" cellspacing="2" cellpadding="1" style="font-size:12px">
   <
tr><td class="trow4" align="center">    
        
Rango: {$usergroup['title']}<br />
        {
$post['userstars']}     
      </
td></tr><br />
   <
tr><td class="trow4" align="center">
       {
$post['onlinestatus']}<img src="images/flags/{$post['fid1']}.gif" border="0" alt="{$post['fid1']}"/>
                 <
tr><td class="trow4" align="center">
        
Mensajes: {$post['postnum']}
      </
tr></td>
   <
tr><td class="trow4" align="center">
    {
$lang->postbit_joined} {$post['userregdate']} {$post['replink']} {$post['warninglevel']}<br /><!-- AWARDS -->
      </
tr></td>
<
tr><td class="trow4" align="center">
{
$post['invitems']}
</
td></tr></table

Y no me sale el item dentro del cuadrito.
Espero respuestas =D

Encuentra todos los mensajes de este usuario
Cita este mensaje en tu respuesta
05-01-2010, 04:47 AM
Mensaje: #8
RE: [Tutorial] Postbit en recuadros.
Porque el invitems se pone desde postbit_classic.
Busca en postbit_classic:
Cita:{$post['invitems']}

Remplázalo por:
Cita:<table width="100%" border="0" cellspacing="2" cellpadding="1" style="font-size:12px">
<tr><td class="trow4" align="center">
{$post['invitems']}
</td></tr><br />
</table>

[Imagen: homepage_logo.jpg]
Miembros: 44,515
Visitar la web del usuario Encuentra todos los mensajes de este usuario
Cita este mensaje en tu respuesta
05-01-2010, 11:18 AM
Mensaje: #9
RE: [Tutorial] Postbit en recuadros.
Me funciono perfecto Aeroxis muchas gracias(rep+)

EDIT:
mira mi postbit me quedo asi:
[Imagen: 2f097c2.jpg] Me gustaria que ese espacio que tiene entre Warning level & Inventory quedaran los cuadros mas juntos asi como arriba.
Espero respuestas
Gracias =D

Encuentra todos los mensajes de este usuario
Cita este mensaje en tu respuesta
05-01-2010, 03:17 PM
Mensaje: #10
RE: [Tutorial] Postbit en recuadros.
Eso creo que sería ir a:
Postbit_author_user
Buscas el código del warning level, y al final pondrá un <br> o un <br />, borra eso.

[Imagen: homepage_logo.jpg]
Miembros: 44,515
Visitar la web del usuario Encuentra todos los mensajes de este usuario
Cita este mensaje en tu respuesta
Enviar Respuesta 


Salto de foro:


Usuario(s) navegando en este tema: 1 Visitante(s)