FOLLOW ME!

SOCIAL NETWORK

AFILIAME
Not A Single Song
Para más botones, haz clic aquí

Tutorial: Poner imagen de fondo a la C-Box

18 abr 2012
¡Holis! Este es un tutorial que me ha pedido Cris y es sobre como hacer que el fondo de la C-Box sea una imagen en lugar de un color... si quieres saber como hacerlo, ¡sigue leyendo!



1. Te vas Cbox.ws, te logueas a la cuenta de CBox a la cual le quieres poner el fondo y pinchas pestaña "Look&Feel" y eliges la opción "Colours&Fonts".
2. En los campos Main BG & Alt BG (los primeros 2) y en el que pone Form BG no pones nada, o sea borras lo que tengas y así como está le das a Apply.

3. Luego te vas a Publish, copias el código de la CBox, lo llevas a tu gadget de HTML pero antes de guardar vamos a hacer lo siguiente. Aquí abajo verás lo que debería ser tu código, pero sin lo que está en rojo, eso es lo que tienes que agregar justo donde esta:

<div style="height: 400px; width: 210px;"><!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="background: url(URL de tu imagen); text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="291" src="http://www6.cbox.ws/box/?boxid=604927&amp;boxtag=gxya12&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain6-604927" style="border: 0px solid;" id="cboxmain6-604927"></iframe></div>
<div><iframe frameborder="0" width="200" height="89" src="http://www6.cbox.ws/box/?boxid=604927&amp;boxtag=gxya12&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform6-604927" style="border: 0px solid;border-top:0px" id="cboxform6-604927"></iframe></div>
</div></div><!-- END CBOX -->
Pero ahora, presta atención. 
En la primera línea, donde pone "height" y "width" cambias los número 400px y 210px por el largo y ancho de tu CBox respectivamente. Y donde pone URL de tu imagen pegas el link de la imagen que quieras usar como imagen. Y no olvides agregar el </div> final, es muy importante

3 comentarios :