[quote=2 DA MODS]You can edit,delete or move my topic. Just approach me nicely. TQ.[/quote] Lol it's me agen posting in this thread. I found out this trick in one of my friends in blogskins. [b][E D I T E D] [/b] Wanna learn this in easy way? just go here>> [url]http://www.illusion-dreams.co.cc/search/label/tutorials[/url] and search the tab of this tut. [b]Cbox BG[/b] - means putting a background in your [b]chatbox [/b]. Very unique [hr][hr] [b]TUTORIAL ON HOW TO HAVE A BG ON YOUR OWN CBOX[/b] [u][b]First[/b][/u], if you don't have a cbox, go sign-up on [url=cbox.ws]cbox.ws[/url] and copy the code of your chatbox. Click the [b]publish![/b] button and copy the code given. The code that is given must be like this: [quote]<!-- BEGIN CBOX - www.cbox.ws - v001 --> <div id="cboxdiv" style="text-align: center; line-height: 0"> <div><iframe frameborder="0" width="160" height="147" src="http://www2.cbox.ws/box/?boxid=1814969&amp;boxtag=sn35l7&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#000000 1px solid;border-bottom:0px" id="cboxform"></iframe></div> <div><iframe frameborder="0" width="160" height="253" src="http://www2.cbox.ws/box/?boxid=1814969&amp;boxtag=sn35l7&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#000000 1px solid;" id="cboxmain"></iframe></div> </div> <!-- END CBOX -->[/quote] [u][b]Second[/b][/u] , Have a picture like this: [spoiler][img]http://i395.photobucket.com/albums/pp38/missliljay/box.png[/img][/spoiler] for the background of the cbox. The picture must be bigger than the cbox so that the cbox will look perfect if it is inserted on that bg. [u][b]Third[/b][/u], copy this code and edit the [b]COLORED [/b]parts. Replace the red text by the code of the bg pic you'll use for the cbox. [quote]<!-- BEGIN CBOX - www.cbox.ws --> <div id="cboxrr"> <div align="center" id="cboxdiv" style="background:url([color=#FF0000]http://i395.photobucket.com/albums/pp38/missliljay/box.png[/color]) no-repeat left top; width:260px; height:435px; padding-top:75px; padding-left:-10px;"> [color=blue]<iframe frameborder="0" width="235" height="75" src="http://www5.cbox.ws/box/?boxid=296351&amp;boxtag=ttdmb8&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style=" filter:alpha(opacity=60) ; opacity:0.5; -moz-opacity:0.5; display:block;" id="cboxform"></iframe> <iframe frameborder="0" width="235" height="245" src="http://www5.cbox.ws/box/?boxid=296351&amp;boxtag=ttdmb8&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:0px solid #000000; filter:alpha(opacity=60) ; opacity:0.5;-moz-opacity:0.5; background:#fff;" id="cboxmain"></iframe>[/color] </div> </div> <!-- END CBOX -->[/quote] [u][b]Fourth, [/b][/u]Replace the blue text on the step 3 by the code in your cbox. Find the code in your cbox code that is color red below: [quote]<!-- BEGIN CBOX - www.cbox.ws - v001 --> <div id="cboxdiv" style="text-align: center; line-height: 0"> <div>[color=#FF0000]<iframe frameborder="0" width="160" height="147" src="http://www2.cbox.ws/box/?boxid=1814969&amp;boxtag=sn35l7&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#000000 1px solid;border-bottom:0px" id="cboxform"></iframe>[/color] </div> <div>[color=#FF0000]<iframe frameborder="0" width="160" height="253" src="http://www2.cbox.ws/box/?boxid=1814969&amp;boxtag=sn35l7&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#000000 1px solid;" id="cboxmain"></iframe>[/color]</div> </div> <!-- END CBOX -->[/quote] [u][b]Fifth, [/b][/u] after editing you can paste it on your blog or on your site [b]EXCEPT FRIENDSTER[/b] . [b]THIS SHOULD BE THE OUTCOME:[/b] [spoiler][img]http://i35.tinypic.com/xda6ir.jpg[/img][/spoiler] The cbox should be inside the box and not outside. Credits to [b]ChocoXbaby[/b] for her cbox code. [hr][hr] The second one is having a text on your cbox. Of course it's not inside the textfield nor the message board. It is between the two. This is very easy than the first tutorial. [u][b]First[/b][/u], if you don't have a cbox, go sign-up on [url=cbox.ws]cbox.ws[/url] and copy the code of your chatbox. Click the [b]publish![/b] button and copy the code given. The code that is given must be like this: [quote]<!-- BEGIN CBOX - www.cbox.ws - v001 --> <div id="cboxdiv" style="text-align: center; line-height: 0"> <div><iframe frameborder="0" width="160" height="147" src="http://www2.cbox.ws/box/?boxid=1814969&amp;boxtag=sn35l7&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#000000 1px solid;border-bottom:0px" id="cboxform"></iframe></div> <div><iframe frameborder="0" width="160" height="253" src="http://www2.cbox.ws/box/?boxid=1814969&amp;boxtag=sn35l7&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#000000 1px solid;" id="cboxmain"></iframe></div> </div> <!-- END CBOX -->[/quote] [u][b]Second,[/b][/u] edit ur cbox. [quote][color=blue]<div id="cboxdiv" style="text-align: center; line-height: 0"> <div><iframe frameborder="0" width="176" height="150" src="http://www5.cbox.ws/box/?boxid=172714&amp;boxtag=hfnqc5&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border: 0px solid;" id="cboxmain"></iframe></div>[/color] [b]<center>[/b][color=#FF0000]TEXT HERE[/color] [b]</center><br>[/b] [color=blue]<div><iframe frameborder="0" width="176" height="75" src="http://www5.cbox.ws/box/?boxid=172714&amp;boxtag=hfnqc5&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border: 0px solid;border-top:0px" id="cboxform"></iframe></div> </div>[/color][/quote] The [color=blue]Blue[/color] ones are your cbox codes while the [color=#FF0000]red[/color] ones are where you'll type your message. It can be thank you message or anything you want to post. The bolded ones are the positioning of your text and the space between your textfield and the message board. [b] The outcome should be this:[/b] [spoiler][img]http://i34.tinypic.com/icrzms.jpg[/img][/spoiler] :rose: [b] Credits to:[/b] [li] cbox [/li] [li] tinypic [/li] [li] blogskins [/li] [li] blogspot [/li] [li] and my blog friends [/li]

Last edited by -NiK- (2009-04-13 09:03:23)