THECIRCUS: Edita Tu C-box !

Este Tutorial No Lo Habia Publicado Antes Porque No Habia Tenido Tiempo >.<

Tengo Muchos Tutoriales Y Recien Voy Por El Segundo !

Bueno Lo Publicare Por Un Lindo Pedido *w*

Como Muchos Sabran , En La Pagina De C-box Nos Deja Editar Sus Colores , Su Tamaño,

Su Tipo De Letra Y Nada Mas ....

Pero Si Tienes Premium Cbox. Puedes Editarle El Codigo CCS Y Podria Verse Mas Lindo ,
Pero Muchos No Lo Tienen . Bueno Yo Tampoco Así Que Empece A Revisar El Código De Mi C-box Y
Logre Realizar Algunos Cambios Para Que Se Vea Mas Lindo :

Bordes :
Como Sabras Los C-box Tienen Un Borde Simple ...
Bueno Mira El Código Del Tuyo Y Busca Lo Que Esta Marcado En El Ejemplo :

Lo Que Cambiaremos De Lo Que Marcamos Sera
#FFBBC0 ---> Color Del Borde
1px ---> Tamaño Del Borde
Solid ---> Estilo Del Borde (Miralos Aqui !)

El "border" Primero Es El Borde De La La Parte Superior Del C-box
Miralo :

Primer "border" Es El De Color Violeta
Segundo "border" Es El Doble De Color Rosa ...

Fondo :
En Varios Blogs Eh Visto Como Ponerle Una Imagen De Fondo Al C-box :

A Tu Codigo Normal Agregale Antes El Siguiente (color celeste) :

<div style="padding-top: 27px; width: 200px; height: 400px; background: url(URL DE LA IMAGEN) no-repeat;">
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="159" height="247" src="http://www4.cbox.ws/box/?boxid=----------&boxtag=fqwyjk&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain-----------" style="border:#FFffff 1px solid;" id="cboxmain4-4061464"></iframe></div>
<div><iframe frameborder="0" width="159" height="75" src="http://----------------------boxid=----------&boxtag=fqwyjk&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform----------" style="border:#ffffff 1px solid;border-top:0px" id="cboxform----------"></iframe></div>
</div>
</div>

Debes (según la imagen que quieras colocarle) Acomodarle El Alto Y El Ancho ...

WIDTH (ancho)

HEIGHT (alto)

Bien , A mi Este Codigo Me Resulto Util Pero Lo Que Yo Queria Era Ponerle Fondo Al Fondo Interior Del C-box , Se Puede Realizar Con El Editor De C-box En La Pagina , Pero Solo Puedes Colocarle

Un Color De Fondo :

Pero Si Quiero Una Imagen De Fondo ???

Es Bastante Simple :

Primero Ir Al Editor De C-box Y Dejar Los Espacios De Fondo Vacíos :

Okii , Hasta Aqui Estamos , Guardamos La Edicion Y En Nuestro Nuevo Codigo

Añadimos Lo Siguiente (celeste) :

<div style="height: 400px; width: 300px;">
<div id="cboxdiv" style="background: url(URL de la imagen); text-align: center; line-height: 0 ;" >
<div><iframe frameborder="0" width="159" height="247" src="http://www4.cbox.ws/box/?boxid=----------&boxtag=fqwyjk&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain--------" style="border:#FFffff 1px solid;" id="cboxmain---------"></iframe></div>
<div><iframe frameborder="0" width="159" height="75" src="http://--------------------boxid=-------&boxtag=fqwyjk&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform-----------" style="border:#ffffff 1px solid;border-top:0px" id="cboxform----------"></iframe></div>
</div>
</div>

Editamos Solamente "" URL DE LA IMAGEN "" Y
height: 400px; width: 300px
(cámbialo por el tamaño de tu c-box ; height --> alto width --> ancho)

Listo !! !
Tenemos Nuestro Fondo Personalizado A Nuestro Gusto ^-^

Bueno Bueno , Espero Que Les Sirva Y Puedan Editar Su C-box A Su Gusto ^.^

Concejo ?

*Juega Con Los Bordes , Mesclalos , Le Dara Un Toque Especial A Tu C-box :

Donde Dice " border : #(color cualquiera) 1px solid ; "

Borrarlo Y Remplazalo Por :

" border-top : #(color cualquiera) 1px solid ;

border-bottom : #(color cualquiera) 1px solid ;

border-left : #(color cualquiera) 1px solid ;

border-right : #(color cualquiera) 1px solid ; "

Cada Uno Corresponde A Un Lado :

border-top --> Arriba