¡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 -->Pero ahora, presta atención.
<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&boxtag=gxya12&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&boxtag=gxya12&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 -->
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
Muchas gracias:D
ResponderEliminarMañana lo probaré(:
¡Ah, cata!
ResponderEliminarUna cosita más...
¿Cómo le has redondeado el borde a la C-box?
Muchas gracias :DD
ResponderEliminar