[Tutorial] Postbit en recuadros.
Sin conexión Aeroxis
Mensaje: #1
[Tutorial] Postbit en recuadros.
Ex-Miembro de MyBB-Es Staff
******

Avatar de Aeroxis

Info del foro de este user
Mensajes: 1,466
Registro en: Sep 2008
Reputación: 34

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 Guiño

Que conseguiremos:


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! Guiño

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

__________________

Editado por Ignnacio;
A pedido de Dragons hice este pequeño tutorial

Poner recuadros en colores.

Mira cuando agregas este code:
Código PHP:
.trow4 {
background#fcfcfc;
width100%;
border1px solid #a1c9d8;
font-weight:bold;
padding2px;
font-size11px;
-
moz-border-radius4px;
-
webkit-border-radius4px;


Hay tienes un globo con un color, pero si quieres con otro color agrega este mismo code pero cambia algunas cosas;

Código PHP:
.trow8 {
background#fcfcfc;
width100%;
border1px solid #a1c9d8;
font-weight:bold;
padding2px;
font-size11px;
-
moz-border-radius4px;
-
webkit-border-radius4px;


Cambia:
Código PHP:
.trow4 
A otro numero ponle 8 o 7, cualquier numero, en donde aparece el numero 4.
-
Código PHP:
background#fcfcfc; 
En #fcfcfc pon el color que gustes, en google pon colores css y hay apareceran Guiño.
-
Código PHP:
border1px solid #a1c9d8; 
En bordex: 1px es el ancho del borde, recomendado dejalo normal.
En #a1c9d8 pon el color que gustes, en google pon colores css y hay entras a cualquier pag y eliges un color.

Despues para agregar el color en ves de encerrar las cosas de la siguiente forma:

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

En donde dice trow4 pones el numero que tu pusiste en tonces debe quedar:

Código PHP:
<tr><td class="trow*" align="center">
Código 2
</td></tr

En * el numero que tu pusiste.

Guiño



Última firma




Miembros: 59.200
En busca de los 100.000!

13-12-2009 10:46 AM
Visita su sitio web Encuentra todos sus mensajes Responder
Publicidad
*******
Sin conexión Piraton
Mensaje: #2
RE: [Tutorial] Postbit en recuadros.
Miembro Junior
**

Avatar de Piraton

Mensajes: 11
Registro en: Nov 2009
Reputación: 1

No pude u_u aver si me ayudas xD


13-12-2009 01:12 PM
Encuentra todos sus mensajes Responder
Sin conexión Glas
Mensaje: #3
RE: [Tutorial] Postbit en recuadros.
Usuario Vip
*****

Avatar de Glas

Info del foro de este user
Mensajes: 138
Registro en: Jun 2009
Reputación: 4

si lo uso me queda a lo largo
al menos que borre el </table> al final
-_- aasi que no lo usare






14-12-2009 11:44 AM
Encuentra todos sus mensajes Responder
Sin conexión rapiboy
Mensaje: #4
RE: [Tutorial] Postbit en recuadros.
Miembro Avanzado
****

Avatar de rapiboy

Mensajes: 76
Registro en: May 2009
Reputación: 5

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


SIn Pagina web Lengua
14-12-2009 02:49 PM
Visita su sitio web Encuentra todos sus mensajes Responder
Sin conexión dioseva
Mensaje: #5
RE: [Tutorial] Postbit en recuadros.
Miembro Avanzado
****

Avatar de dioseva

Mensajes: 95
Registro en: Apr 2009
Reputación: 0

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)
   

01-01-2010 12:11 PM
Encuentra todos sus mensajes Responder
Sin conexión Aeroxis
Mensaje: #6
RE: [Tutorial] Postbit en recuadros.
Ex-Miembro de MyBB-Es Staff
******

Avatar de Aeroxis

Info del foro de este user
Mensajes: 1,466
Registro en: Sep 2008
Reputación: 34

Copia y pega aquí el código que tienes escrito en tu postbit_author_user y lo reviso Guiño



Última firma




Miembros: 59.200
En busca de los 100.000!

01-01-2010 12:57 PM
Visita su sitio web Encuentra todos sus mensajes Responder
En línea Gustavo R.
Mensaje: #7
RE: [Tutorial] Postbit en recuadros.
Administrador
*******
Administradores

Avatar de Gustavo R.

Info del foro de este user
Mensajes: 2,366
Registro en: Feb 2009
Reputación: 203

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



04-01-2010 06:07 PM
Visita su sitio web Encuentra todos sus mensajes Responder
Sin conexión Aeroxis
Mensaje: #8
RE: [Tutorial] Postbit en recuadros.
Ex-Miembro de MyBB-Es Staff
******

Avatar de Aeroxis

Info del foro de este user
Mensajes: 1,466
Registro en: Sep 2008
Reputación: 34

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>



Última firma




Miembros: 59.200
En busca de los 100.000!

05-01-2010 04:47 AM
Visita su sitio web Encuentra todos sus mensajes Responder
En línea Gustavo R.
Mensaje: #9
RE: [Tutorial] Postbit en recuadros.
Administrador
*******
Administradores

Avatar de Gustavo R.

Info del foro de este user
Mensajes: 2,366
Registro en: Feb 2009
Reputación: 203

Me funciono perfecto Aeroxis muchas gracias(rep+)

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



05-01-2010 11:18 AM
Visita su sitio web Encuentra todos sus mensajes Responder
Sin conexión Aeroxis
Mensaje: #10
RE: [Tutorial] Postbit en recuadros.
Ex-Miembro de MyBB-Es Staff
******

Avatar de Aeroxis

Info del foro de este user
Mensajes: 1,466
Registro en: Sep 2008
Reputación: 34

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.



Última firma




Miembros: 59.200
En busca de los 100.000!

05-01-2010 03:17 PM
Visita su sitio web Encuentra todos sus mensajes Responder




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

Hora: 22-05-2012, 10:23 AM