[Tutorial] Recuadrar Firma

Créditos: MyBBVN

Paso 1: Descargas ySubes la carpeta sig a tu foro/images. Si te pide password, este será : maurusky

Paso 2: Vas a AdminCP ~> Templates & Styles ~> Templates ~> Seleccionas el skin que estés usando y dentro deel grupoPostbit/Caja del Mensaje buscas la que se llama postbit_signature. La abres

Paso 3: Remplazas todo por lo siguiente:

Código:
<style>

/* Firma Recuadrada */

.sig{

background:#FFFFFF;

border-left:1px solid #dbd8d8;

border-right:1px solid #dbd8d8;

padding:10px;

margin:0;}

.sig_01{

background:url(images/sig/sig_01.gif) left no-repeat;

height:43px;}

.sig_02{

background:url(images/sig/sig_02.gif) repeat-x;

height:43px;}

.sig_03{

background:url(images/sig/sig_03.gif) right no-repeat;

height:43px;}

.sig_04{

background:url(images/sig/sig_04.gif) left no-repeat;

height:23px;}

.sig_05{

background:url(images/sig/sig_05.gif) repeat-x;

height:23px;}

.sig_06{

background:url(images/sig/sig_06.gif) right no-repeat;

height:23px;} 

</style>

<!-- sig -->

<div class="sig_02"><div class="sig_01"><div class="sig_03">

</div></div></div>

<div class="sig"><div style="width:100%;">

{$post['signature']}

                </div>

            </div>

<div class="sig_05"><div class="sig_04"><div class="sig_06">

</div></div></div>

        <!-- / sig -->

Una vez hecho quedara listo.
Imágen traducida por mi.

[attachment=1660]

Última modificación: 2 Jan, 2011, 11:16 am por Blink.

gracias lo voy a tener en cuenta, cual seria la plantilla para recuadrar la caja del mensaje?

Pues el mensaje editarias postbit y postbit_classic encerrando con todo este codigo el {$post['message']}

Última modificación: 5 Nov, 2010, 3:59 pm por Blink.

claro harias eso con {$post['message']}

haa cierto, pense que esa dos plantillas era el nombre de usuario y avatar, etc pero ahora que me lo dices gracias

bueno si no lo entienden mas o menos.
simplementen van a

plantillas y stylos- plantillas- Tu theme-Caja del mensaje - postbit_signature

y borran todo que hay dentro y colocan esto:

Cita:<br/>
<br/>
<fieldset style="border: 1px solid #6E6E6E;-moz-border-radius:5px;

-webkit-border-radius:5px;"><legend style="background:#FFFFFF;border: 0px solid #A4A4A4;padding:4px;-moz-border-radius:5px;

-webkit-border-radius:5px;"><span
class="smalltext"><img src='http://img829.imageshack.us/img829/4231/mifirmay.png' border='0'/>
</span></legend>

<center>{$post['signature']}</center>

</fieldset>

con esto deven tener un recuadro con la imagen la cual resume el tutorial.
OJO: es simplemente si no entienden mucho la plantilla de css.
esto es directo y sencillo.

espero que le hayga servido en algo.

Última modificación: 5 Nov, 2010, 1:14 am por niz01.

gracias, implementado y sirve perfecto.

como se podria implementar algo similar para que la parte donde sale el avatar y los demas datos de reputacion y eso salga tambien en un cuadrado y mas elegante.

saludos

bueno despues de molestar por lado y lado creo que ya esta xd.

las imagenes que pusiste aqui tienen fondo blanco, entonces cuando el fondo del foro es oscuro se ve feo.

pero supe en que parte tenia que modificar y listo..

mi foro.

www.gigafull.com.ar

Última modificación: 17 Nov, 2010, 6:15 pm por Darkman.

Gracias muy bueno ^^

Asi es , de esta misma forma tambien ´pueden recuadrar el mensaje o cualquier otra parte de su foro.

Q CARPETA DESCARGO?? ADONDE ESTA ?