Forums > Trouble adding a chat box/room to my div (music page)

Full Version: Trouble adding a chat box/room to my div (music page)

Forums > Resource Center > Support Center > MySpace Support > Myspace Resolved Topics

dezignx

Jun 20 2009, 01:10 AM

Hi,

I am having trouble adding a chat box to my div. When I try to add the chat box, it goes to the bottom right above the myspace links....but I want to be able to position where ever I want. Can someone please provide me with a code that might work and where should I add the code?? (its for music page)

Here is the chat box code:

CODE

Mikeplyts

Jun 20 2009, 06:57 AM

Try placing it in a div.

CODE

<div style="position:absolute; top:###px; _top:###px; left:50%; _left:50%; margin-left:-###px; _margin-left:-###px;">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="405" width="540" align="middle">
 <param name="allowScriptAccess" value="never" />
 <param name="allowNetworking" value="internal" />
 <param name="movie" value="http://www.xatech.com/web_gear/chat/chat.swf" />
 <param name="wmode" value="transparent" />
 <param name="quality" value="high" />
 <param name="flashvars" value="id=62703843" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.xatech.com/web_gear/chat/chat.swf" height="405" width="540" align="middle" wmode="transparent" quality="high" flashvars="id=62703843" />
</object> <a target="_BLANK" href="http://www.msplinks.com/MDFodHRwOi8veGF0LmNvbS93ZWJfZ2Vhci8/Y2I=">Get your own Chat Box!</a> <a target="_BLANK" href="http://www.msplinks.com/MDFodHRwOi8veGF0LmNvbS93ZWJfZ2Vhci9jaGF0L2dvX2xhcmdlLnBocD9pZD02MjcwMzg0Mw==">Go Large!</a> 
</div>

Just replace the ### with your own values and mess around with it until you get it right. Note: use the same value for 'identical' classes such as if you used "347" for a value on the margin-left: value, you should use the same value for the _margin-left: value. It's just something to make it look right in cross browsers. :P

dezignx

Jun 20 2009, 10:50 AM

Thanks but it doesn't work and I tried the code in different sections when one didn't work to see if it would work and Nope.

Any other code I could try or what could be the problem?

Mikeplyts

Jun 20 2009, 11:26 AM

Hmm... can you give a link to your profile?

dezignx

Jun 20 2009, 12:07 PM

sure...im testing it on my test page so here is the link here

I thought placing it in a div is what would make it work....

The bottom portion of the layout is not finished, but I wanted to add the chat to the bottom of the layout...the middle portion is of course the overlay and if I tried to add the chat to the overlay like I position the div text areas and things, it will not add instead it will go beneath the overlay part right above myspace links...can't figure out why it won't go on top of the overlay.

maybe part of my code is blocking something....

and I really appreciate you trying to help me out

Mikeplyts

Jun 20 2009, 12:51 PM

Sure, no problem.

Yeah, I think it would help if you posted all of your codes.

dezignx

Jun 20 2009, 01:00 PM

Sorry for these long codes

Mikeplyts

Jun 20 2009, 01:05 PM

hmmm.. can I also see how it would look like if you added the chat box to the layout? Oh, and by the way, please use codebox tags next time when you post long codes.

dezignx

Jun 20 2009, 01:15 PM

Sure, I will go and add it now

and oh I didn't even know what codebox was for but I edited my post...

edited: I went and added it on there and I inserted this code

CODE

in the members section

CODE

<style>
.dezignxgrafix { just below is the code where put the URL to your background image – replace the link } </style>

<style> body{background-image:url(http://img23.imageshack.us/img23/6439/lmbg.png); background-attachment:fixed; background-repeat: no-repeat; background-position:top center; background-color:000000; margin-top:0px; }</style>






<i class="i">!--START CODE IN BAND MEMBERS --!</i>
<i class="i">
!-Start Div Overlay Content Block-!
<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld3MtdW5kZXItY29uc3RydWN0aW9uLmJsb2dzcG90LmNvbS8=">
myspace code tutorials by Eileen</a>
!-Close 3 layers of cell/row/table. This puts our Div ONE table deep.
</i>
</td></tr></table>
</td></tr></table>
</td></tr></table>

<i class="i">!-Create and size our div. We will never close this div. It will close when the containing table closes-! </i> 

<i class="i">!!! MODIFY width to the SAME width as your core image !!!</i>

<div class="myCoreDiv" style="position:relative; top:0px; width:891px; height:auto; border:0px magenta solid;"> 

<i class="i"> when DONE editing CHANGE the border:2px to border:0px or change the magenta to the color you want your border.----!</i>

<i class="i"> !----START CUSTOM CONTENT BLOCK 1----!</i>


<img src="http://img30.imageshack.us/img30/4549/lmoverlay2.png" />


<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="405" width="540" align="middle">
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="internal" />
  <param name="movie" value="http://www.xatech.com/web_gear/chat/chat.swf" />
  <param name="wmode" value="transparent" />
  <param name="quality" value="high" />
  <param name="flashvars" value="id=62703843" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.xatech.com/web_gear/chat/chat.swf" height="405" width="540" align="middle" wmode="transparent" quality="high" flashvars="id=62703843" />
</object><br /><small><a target="_BLANK" href="http://www.msplinks.com/MDFodHRwOi8veGF0LmNvbS93ZWJfZ2Vhci8/Y2I=">Get your own Chat Box!</a> <a target="_BLANK" href="http://www.msplinks.com/MDFodHRwOi8veGF0LmNvbS93ZWJfZ2Vhci9jaGF0L2dvX2xhcmdlLnBocD9pZD02MjcwMzg0Mw==">Go Large!</a></small><br />



<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD00Nzc0NjA3NjQ=" style="position:absolute; top:10px; left:750px;">
<img src="http://x.myspace.com/images/clear.gif" style="width:120px; height:130px;" /></a>

<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1tYWlsLm1lc3NhZ2UmZnJpZW5kSUQ9NDc3NDYwNzY0" style="position:absolute; top:220px; left:750px;">
<img src="http://x.myspace.com/images/clear.gif" style="width:120px; height:130px;" /></a>


<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTQ3NzQ2MDc2NA0K
3R5bGU9" style="position:absolute; top:330px; left:750px;">
<img src="http://x.myspace.com/images/clear.gif" style="width:120px; height:130px;" /></a>


<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=477460764&albumId=477460764" style="position:absolute; top:480px; left:750px;">
<img src="http://x.myspace.com/images/clear.gif" style="width:120px; height:130px;" /></a>



<a href="http://www.msplinks.com/MDFodHRwOi8vbG91aXNpYW5hbWl4dGFwZXMuY29t" style="position:absolute; top:90px; left:640px;">
<img src="http://x.myspace.com/images/clear.gif" style="width:120px; height:130px;" /></a>


<a href="http://www.msplinks.com/MDFodHRwOi8vbG91aXNpYW5hbWl4dGFwZXMuY29tL2ZvcnVt" style="position:absolute; top:250px; left:640px;">
<img src="http://x.myspace.com/images/clear.gif" style="width:120px; height:130px;" /></a>


<a href="mailto:info@louisianamixtapes.com" style="position:absolute; top:410px; left:640px;">
<img src="http://x.myspace.com/images/clear.gif" style="width:120px; height:130px;" /></a>

<a href="" style="position:absolute; top:560px; left:640px;">
<img src="http://x.myspace.com/images/clear.gif" style="width:120px; height:130px;" /></a>



<i class="i"> !----END CUSTOM CONTENT BLOCK 1----!</i>

<i class="i">!-Open 3 layers of table/row/cell-!</i>
<i class="i">!-IF do NOT want any content from my Right side, I can use i instead of L1-!</i>
<table class="L1"><tr><td>
<i class="i">!-The below class i hides the remainder of the general table-!</i>
<table class="i"><tr><td>
<table class="i"><tr><td>
<style>.i {display:none}</style>
<i class="i">END CODE IN BAND MEMBERS</i>

edited: I even tried to add a youtube video and I can't. (by putting it in a div)

dezignx

Jun 20 2009, 02:49 PM

Hey Mike,

Thanks for all your help.

I solved it though.

I went added a style tag to the bio part and then added a div class to reference that style in the members section and it worked for both adding the chat and youtube to the overlay....Thanks

You all can close this thread since this issue is solved.

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.