div my cbox?, how do u "div" a cbox? Options

[SelcouthDragon]

does any one know how to apply div to cbox? i used to have a cbox on My Webpage but i made a skin and now i don't know how to include it in. anyone know wut im' talkin bout or can help me?

[talcumpowder]

Modify-ed the code. A lot. See if it works.... >.o
Sorry, I'm tired.

<!-- begin code provided by createblog.com --><br /><!*******************************************><br /><!-- ImageReady Slices (font changed and text added to IMs.psd) --><br /><img src="http://img213.exs.cx/img213/1343/completed4gif6tm.gif" width="901" height="675" border="0" alt="" usemap="#font_changed_and_text_added_to_IMs_Map"><br /><map name="font_changed_and_text_added_to_IMs_Map"><br /><area shape="rect" alt="" coords="780,623,869,656" href="http://www.xanga.com/senduser.aspx?user=SelcouthDragon"><br /><area shape="rect" alt="" coords="780,591,869,624" href="aim:goim?screenname=SelcouthDragon"><br /><area shape="rect" alt="" coords="689,623,778,656" href="http://www.xanga.com/Private/SubscribeTo.aspx?user=SelcouthDragon"><br /><area shape="rect" alt="" coords="689,591,778,624" href="http://edit.xanga.com/claf.aspx"><br /><area shape="rect" alt="" coords="600,591,689,624" href="http://www.xanga.com/signin.aspx"><br /><area shape="rect" alt="" coords="600,623,689,656" href="http://www.xanga.com/logout.aspx"><br /><area shape="rect" alt="" coords="509,591,598,624" href="http://www.xanga.com"><br /><area shape="rect" alt="" coords="509,623,598,656" href="http://www.xanga.com/guestbook.aspx?user=SelcouthDragon"><br /></map><br /><!-- End ImageReady Slices --><br /><!*****************************************><br /><br /><div style="overflow: auto; width: 130px; height: 355px; margin-top: -648px; margin-left: 40px;"><div align=left><font size=3 px color=ffffff face="tahoma"><br /><!-- stick the cbox in here somewhere --><br /><b><u>Current Profile Pic:</b></u></font><br><img src="http://p7.xanga.com/71/67/7167a9525068e58f0fe17471a2807aec8416768.jpg"><br><br><font size=3 px color=ffffff face="tahoma"><b><u>General Info:</b></u></font><br><font size=1 px color=0D0D0D face="tahoma"><b>Name:</b>  Jeremy Sia<br><b>Interests:</b>  God, Origami, Guitar, and other stuff I can't seem to think of right now.<br><b>Expertise:</b>  Origami, guitar, and DDR!!!<br><b>AIM:</b><br><a href="aim:goim?screenname=SelcouthDragon">SelcouthDragon</a><br><br><b>E-Mail:</b><br>  <a href="http://www.xanga.com/senduser.aspx?user=SelcouthDragon">jermbug2004@yahoo.com</a><br><br><b>Member Since:</b>  10/24/2004</font><br><br></div></div><br /><br /><!*****************************************><br /><br /><br /><br /><!*****************************************><br /><div style="overflow: auto; width: 355px; height: 90px; margin-top: 102px; margin-left: 478px;"><br /><!-- begin code provided by createblog.com --><br /><OBJECT ID="Player" height="0" width="0" CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"><br /><PARAM NAME="uiMode" VALUE="invisible"><br /><PARAM NAME="Autostart" VALUE="False"><br /></object><br /><br /><FORM ID="form"><br /><br /><SELECT ID="playlist" size="1"><br /><br /><!-- Add song info that appears in drop down list here --><br /><option value="0">Anthem by Blink 182</option><br /><option value="1">Stacy's Mom by Fountain's of Wayne</option><br /><option value="2">Whip It</option><br /><option value="3">Your Promised Me by Ingrid</option><br /><option value="4">Haruka Kanata by Asian Kung-Fu Gen.</option><br /><option value="5">Sadness and Sorrow by Toshido Masuda</option><br /><br /></SELECT><br /><br /><BR><br /><BUTTON ID="BackButton" onClick="Back(forms['form'].playlist);">&nbsp;<<&nbsp;</BUTTON><br /><BUTTON ID="PlayPauseButton" onClick="PlayPause(forms['form'].playlist);"><FONT color="green">&nbsp;&nbsp;Play&nbsp;&nbsp;</FONT></BUTTON><br /><BUTTON ID="NextButton" onClick="Next(forms['form'].playlist);">&nbsp;>>&nbsp;</BUTTON>&nbsp;<br /><BUTTON ID="StopButton" onclick="Stop();"><FONT color="maroon">Stop</FONT></BUTTON><br /><b><font size="3" color="white">Shuffle</font></b><INPUT TYPE=checkbox CHECKED ID="ShuffleSwitch" onclick="ToggleShuffle(this);" value="ON"><br /><br /></FORM><br /></CENTER><br /><br /><br /><comment ID="PlayHTML"><FONT color="green">&nbsp;&nbsp;Play&nbsp;&nbsp;</FONT></comment><br /><comment ID="ShuffleOnHTML"><INPUT TYPE=checkbox CHECKED ID="ShuffleSwitch" onclick="ToggleShuffle(this);"></comment><br /><comment ID="ShuffleOffHTML"><INPUT TYPE=checkbox UNCHECKED ID="ShuffleSwitch" onclick="ToggleShuffle(this);"></comment><br /><br /><br /><script ID="Main" Language="JavaScript"><br /><br /> var songs = new Array();<br /><br /> //*******************************//<br /> //****** CHANGEABLE STUFF *******//<br /> //*******************************// <br /> <br /> var shuffle = true;  // false = shuffle off, true = shuffle on<br /><br /> var autoStart = true;   // false = autoStart off, true = autoStart on<br /> <br /> var numberTracks = true;  // true = place track number in front of list items, false = no track numbers<br /> <br /> // Add song URLs here (make sure it matches up with the order you have for song info, and urls need quotes):<br /> songs[0]="http://www.freewebtown.com/selcouthdragon/gallery/67190/aud-68501.mp3";<br /> songs[1]="http://www.freewebtown.com/selcouthdragon/gallery/67190/aud-68502.mp3";<br /> songs[2]="http://www.freewebtown.com/selcouthdragon/gallery/67190/aud-68503.mp3";<br /> songs[3]="http://www.freewebtown.com/selcouthdragon/gallery/67190/aud-68607.mp3";<br /> songs[4]="http://www.freewebtown.com/selcouthdragon/gallery/67190/aud-76830.mp3";<br />        songs[5]<br />="http://www.freewebtown.com/selcouthdragon/gallery/67190/aud-68478.mp3";<br /> <br /> //*******************************//<br /> //*******************************//<br /><br />// Initializations //<br />with (document){<br /> var length = forms['form'].playlist.length;<br /><br /> if(numberTracks){<br />  for (var i = 0; i < length; i++){<br />   forms['form'].playlist.options[i].innerHTML = (i+1) + " - " + forms['form'].playlist.options[i].innerHTML;<br />  }<br /> }<br /> <br /> if (shuffle) {<br />  var randsg = Math.floor(Math.random()*songs.length);<br />  Player.url = songs[randsg];<br />  forms['form'].playlist.options[randsg].selected = true;<br />  forms['form'].ShuffleSwitch.outerHTML = ShuffleOnHTML.innerHTML;<br /> }<br /><br /> else {<br />  forms['form'].ShuffleSwitch.outerHTML = ShuffleOffHTML.innerHTML;<br />  Player.url = songs[0];<br /> }<br /><br /> if(autoStart){<br />  var snum = forms['form'].playlist.selectedIndex;<br />  if(Player.url != songs[snum]){<br />   Player.url = songs[snum];<br />  }<br />  Player.controls.Play();<br /> }<br />}<br /><br />// Functions //<br />// Discription: "PlayPause" will toggle playing and pausing if the same song is still selected,<br />//              otherwise it will load the newly selected song<br />function PlayPause(list) {<br /> var snum = list.selectedIndex;<br /> <br /> if((Player.url == songs[snum] && Player.url != "") && Player.playState != 1){<br />  if(Player.playState == 3){<br />   Player.controls.Pause();<br />  }<br />  <br />  else {<br />   Player.controls.Play();<br />  }<br /> }<br /><br /> else {<br />  Player.url = songs[snum];<br />  Player.controls.Play();<br /> }<br />}<br /><br />// Discription: "Next" will move to the next music file if shuffle is off<br />//              otherwise it will load a random song. Calls PlayPause to start music.<br />function Next(list) {<br /> var snum = list.selectedIndex;<br /> if (!shuffle) {<br />  if (snum == list.length-1) {<br />   snum = -1;<br />  }<br />  snum++;<br /> }<br /> <br /> else {<br />  var temp;<br />  do{<br />   temp = Math.floor(Math.random()*songs.length);<br />  } while(temp == snum);<br />  snum = temp;<br /> }<br /> <br /> list.options[snum].selected = true;<br /> PlayPause(list);<br />}<br /><br />// Discription: "Back" does the same thing as "Next" but moves backwads<br />//              through the list. If shuffle is on then picks a random song.<br />function Back(list) {<br /> var snum = list.selectedIndex;<br /> if (!shuffle) {<br />  if (snum == 0){<br />   snum = list.length;<br />  }<br />  snum--;<br /> }<br /> <br /> else {<br />  var temp;<br />  do{<br />   temp = Math.floor(Math.random()*songs.length);<br />  } while(temp == snum);<br />  snum = temp;<br /> }<br /> <br /> list.options[snum].selected = true;<br /> PlayPause(list);<br />}<br /><br />// Discription: Self explanitory.<br />function Stop(){<br /> Player.controls.Stop();<br />}<br /><br />// Discription: Makes the shuffle flag the same as the status of the CheckBox<br />//    The status of the checkbox (true/false) indicates if the box is checked<br />function ToggleShuffle(CheckBox) {<br /> shuffle = CheckBox.status;<br />}<br /><br /></SCRIPT><br /><br /><script ID="StateChangeHandler" Language = "JavaScript" For = "Player" Event = playStateChange(NewState)><br /><br />// Description: This is an interupt handler used to handle instances when the<br />//              state of the player changes to play or stop for example.<br /><br />//STATE.innerText = NewState;<br /><br />switch(NewState){<br /> case 8:  // Handles player after it just finishes playing through a song<br />  var num = document.forms['form'].playlist.selectedIndex;<br /> <br />  if (!shuffle){<br />   if(num == document.forms['form'].playlist.length-1){<br />    num = -1;<br />   }<br />  <br />   num++;<br />  }<br />  else {<br />   var temp;<br />   do{<br />    temp = Math.floor(Math.random()*songs.length);<br />   } while(temp == num);<br />   num = temp;<br />  }<br /> <br />  document.forms['form'].playlist.options[num].selected = true;<br /> <br />  PreviousState = NewState;<br />  break;<br /><br /> case 1: // Handles player after it stops<br />  if(PreviousState == 8){<br />   var num = document.forms['form'].playlist.selectedIndex;<br />   Player.settings.autoStart = true;<br />   Player.url = songs[num];<br />   PreviousState = NewState;<br />  }<br />  <br />  else if (PreviousState != 3 && PreviousState != 2){<br />   Player.controls.Play();<br />   Player.settings.autoStart = false;<br />  }<br />  <br />  else{<br />   forms['form'].PlayPauseButton.innerHTML = PlayHTML.innerHTML;<br />  }<br />  break;<br /><br /> case 3: // Handles player after it starts to play<br />  PreviousState = NewState;<br />  forms['form'].PlayPauseButton.innerHTML = "Pause";<br />  shuffle = document.forms['form'].ShuffleSwitch.status;<br />  break;<br /><br /> case 2: // Handles player after being paused<br />  PreviousState = NewState;<br />  forms['form'].PlayPauseButton.innerHTML = PlayHTML.innerHTML;<br />  break;<br /><br /> default:<br />}<br /><br /></SCRIPT><br /><!-- end code provided by createblog.com --><br /></div><br /><!*****************************************><br /><br /><!-- is this the one I gave you? --><br /><!-- er... try this --><br /><div style="position:static; margin-left: 200 px; margin-top: 100px; width: 250px; align:center;"><br /><br /><script language="JavaScript" src="http://cbox.co.za/box/js.php?boxid=198129&boxtag=6352&width=160&heightmain=225&heightform=75&frameborder=1&bordercolor=%23ababab"></script><br /></div><br /><br /><!*****************************************><br /><br /><style type="text/css"><br />/*Bloodstained In the Moonlight- By Jeremy Sia*/<br />body <br />{background-color: #COLOR CODE;<br />scrollbar-arrow-color: #ffffff;<br />scrollbar-track-color: #a6a6a6;<br />scrollbar-shadow-color: #ffffff;<br />scrollbar-face-color: #000000;<br />scrollbar-highlight-color: #ffffff;<br />scrollbar-darkshadow-color: #ffffff;<br />scrollbar-3dlight-color: #ffffff;}<br />{cursor: url(http://www.boomspeed.com/sfhelpers/cursors/217.cur);}<br />a {cursor: url(http://www.boomspeed.com/sfhelpers/cursors/217.cur);}<br />/* edits the date */<br />div.blogheader, .caption <br />{background-image: url();<br />background-repeat:no-repeat;<br />background-position:center;<br />font-family: "tahoma";<br />text-transform:none;<br />font-size:12px;<br />line-height:15px;<br />font-weight:bold;<br />color:#a6a6a6;<br />letter-spacing:3px;<br />background-color:#COLOR CODE;<br />text-align:center;<br />border:2px solid #a6a6a6;}<br /><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />font-weight: bold;<br />color: #a6a6a6;}<br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: 2px solid #000000;<br />font:normal 11px tahoma;<br />background-color: #5C5C5C;<br />font-color: #A6A6A6;}<br /><br /> table.footer TD {<br />/* this makes the footer at the bottom centered */<br />/* leave it alone unless you know what to do*/<br />text-align: center;}<br /><br />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br />background-image: url();<br />background-color:none;<br />color: #COLOR CODE;<br />font: bold #pt tahoma;<br />text-transform: none;<br />text-align:center;<br />border: #COLOR CODE #px solid;}<br /> <br />table.left { <br />/* this edits the menu module */<br />width:180px;<br />color:000000;<br />background-color:#COLOR CODE;<br />BORDER: #COLOR CODE #px solid;}<br /><br />font,td,p,xmp<br />{color:#666666;<br />font-face: tahoma;<br />font-weight:normal;<br />font-size:8pt;<br />text-align:justify;}<br /><br />table.blogbody tr td { <br />/* this edits the left margin of blog */ <br />width:0px; <br />padding-left: 0px;} <br /><br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-color:transparent;<br />family-font: tahoma;<br />BORDER: #a6a6a6 2px solid;<br />width:275px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */ <br /><br />a:link<br />{line-height: 1pt; <br />font-family: tahoma;<br />font-weight:normal; <br />color:#ffffff; <br />text-transform:none;<br />font-size:8pt; <br />cursor:crosshair;}<br /><br />a:active<br />{font-family: tahoma; <br />color:#ffffff; <br />text-transform:none;<br />font-size:8pt; <br />cursor:crosshair;}<br /><br />a:visited<br />{font-family: tahoma; <br />color:#a6a6a6; <br />text-transform:none;<br />text-decoration:strikeout;<br />font-size:8pt;<br />cursor: crosshair;}<br /><br />A:hover {font-family:tahoma;<br />color:#a6a6a6;<br />text-transform:none; <br />cursor: crosshair; <br />font-weight:normal;<br />font-size:8pt}<br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops <br />/* width of the comment page */<br />{width:245px;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer <br />{display: none;} <br />P, B, I, TD, TH <br />{font-family: tahoma;color: #666666;font-size: 8pt;font-weight:normal}<br /></style><br /><br /><!*****************************************><br /><script>document.title="font changed and text added to IMs";</script><br /><br /><div style="overflow: auto; width: 310px; height: 353px; margin-top: 0px; margin-left: 530px;"><br /><!-- end code provided by createblog.com -->

Err... Yeah. I added some comments, they might help you. I merged your stylesheets... And I changed the order of some stuff. And deleted all unessecary coding.