Edita tu cbox [muy tarde xD]

|| ||

Hola!! Se acuerdan que hace añosxD dije que haría un tutorial de editar cbox


Clic Pues aquí lo cumplo xD!!
El tutorial no es mío es de Mel

Ok, bueno todos pensaron que los que tienen Premium cbox pueden editar su cbox y que el diseño quede más bonito ¿no?

¡Pues estaban equivocados! Ahora todos TODOS podemos editar nuestros cbox al gusto que queramos 
^-^
Primer paso: Editar los bordes.

Si queremos ponerle borde al cbox siempre sale el simple [Solid] U.u
Pues Revisaremos bien el código del nuestro cbox para ponerle el borde que queramos n.n
A continuación observaremos la siguiente imagen y veremos lo que está marcado con color morado.
Siempre aparecerá border: 0px solid
Ok delante de border colocaremos el código del color que queramos html color
Y nos quedaría más o menos así: Border:#código
Ahora cambiaremos 0px por 1px y solid lo cambiaremos por el borde que queramos!!
Tipos de bordes:





El primer border es de la parte superior n.n y el segundo es el rosa xD



Segundo paso: Ponerle fondo

Al código del cbox colócale este código antes: lo que está verde

<div style="padding-top: 27px; width: 200px; height: 400px; background: url(URL DE LA IMAGEN) no-repeat;"><!-- BEGIN CBOX - www.cbox.ws - v001 --> <div id="cboxdiv" style="text-align: center; line-height: 0"> <div><iframe frameborder="0" width="200" height="298" src="http://www4.cbox.ws/box/?boxid=4242775&amp;boxtag=fn3v7g&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain4-4242775" style="border: 0px solid;" id="cboxmain4-4242775"></iframe></div> <div><iframe frameborder="0" width="200" height="82" src="http://www4.cbox.ws/box/?boxid=4242775&amp;boxtag=fn3v7g&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform4-4242775" style="border: 0px solid;border-top:0px" id="cboxform4-4242775"></iframe></div> </div> <!-- END CBOX -->

Width y height depende el tamaño de tu cbox
x

3Paso: Ponerle fondo 2

Para ponerle fondo al cbox debemos dejar esto:


Transparente:



Guardamos

Ahora colocaremos lo siguiente [verde y azul] en el cbox

<!-- BEGIN CBOX - www.cbox.ws - v001 --> <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="200" height="298" src="http://www4.cbox.ws/box/?boxid=4242775&amp;boxtag=fn3v7g&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain4-4242775" style="border: 0px solid;" id="cboxmain4-4242775"></iframe></div><div><iframe frameborder="0" width="200" height="82" src="http://www4.cbox.ws/box/?boxid=4242775&amp;boxtag=fn3v7g&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform4-4242775" style="border: 0px solid;border-top:0px" id="cboxform4-4242775"></iframe></div></div><!-- END CBOX -->


Height y width depende del tamaño del cbox

4Paso: cbox arcoíris
Mezcla los bordes de el cbox, donde dice border : #(color cualquiera) 1px solid
Cambialo 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 ;

Quedaría así



Espero que haya sido de mucha ayuda!!

X

2 comentarios:

Tu comentario me haría muy feliz!! :D