مشكله بالكود

انا وضعت كود دردشه مثل الفيس بووك

الكود:

<div id="myfooter" style="height: 40px;
 position: fixed; width: 800px; top: auto; right: 0pt; margin: 0pt auto;
 bottom: -15px; left: 800px; font-weight: bold;"><div
id="fbfcbframe" style="border: 1px solid black; padding: 0px;
background: none repeat scroll 0% 0% white; display: none;
-moz-background-inline-policy: continuous; position: fixed; bottom:
25px; right: 23px; width: 900px;"><div style="border: 1px solid
rgb(37, 69, 136); margin: -1px -1px 0px; padding: 4px 8px 5px;
font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; font-size:
 11px; background-color: rgb(82, 110, 166); color: white; text-align:
left;">دردشة منتديات ضع اسم منتداك هنا</div><iframe
style="border: 0px solid black; margin: -2px -2px 0px; background: none
repeat scroll 0% 0% transparent; height: 290px; width: 900px;
-moz-background-inline-policy: continuous;"
src="/chatbox/chatbox.forum"></iframe></div><script>function
 toggleframe(){var x =
document.getElementById('fbfcbframe').style;if(x.display=='none'){x.display='block';}
 else {x.display='none';}}</script><div id="fbfcb"
class="unclicked"
onclick="toggleframe();if(this.getAttribute('class')=='unclicked'){this.className='clicked'}else{this.className='unclicked'}"><img
 src="http://i78.servimg.com/u/f78/15/58/63/34/untitl11.png">
<font size="1">الدردشة|منتديات ضع اسم منتداك هنا  </font>
</div></div>

ولاكن لاحظة ان به خلل
شوفو المربع كيف شكله
الكلام خارج منه
http://im65.gulfup.com/C3xn5G.png
وهل اقدر اغير لون المربع هذا
http://im65.gulfup.com/PRAPab.png

تفضلي هذا الكود الخاص بك

الكود:

 دردشة منتديات ضع اسم منتداك هنا <iframe style="border: 0px solid black; margin: -2px -2px 0px; background: none
repeat scroll 0% 0% transparent; height: 290px; width: 900px;
-moz-background-inline-policy: continuous;" src="/chatbox/chatbox.forum"></iframe> <script>function
 toggleframe(){var x =
document.getElementById('fbfcbframe').style;if(x.display=='none'){x.display='block';}
 else {x.display='none';}}</script>
<div id="fbfcb" class="unclicked" onclick="toggleframe();if(this.getAttribute('class')=='unclicked'){this.className='clicked'}else{this.className='unclicked'}">
    <img src="http://i78.servimg.com/u/f78/15/58/63/34/untitl11.png" /><span style="font-size: 10px;">الدردشة|منتديات ضع اسم منتداك هنا </span>
</div>

اختي دردشه المنتدى كثير احلى من دردشه الفيس بوك

اختي تم تعديل على الكود والصور اعلاه غير مبرمجه لظهور
مع الدردشة بل تخفي الدردشة

الكود:

<span style="font-size: 18px;"><strong><span style="color: rgb(153, 102, 255);">دردشة منتديات</span></strong></span> <span style="color: rgb(255, 102, 204); font-size: 18px;">بينك للبنات فقط </span><iframe style="border: 0px solid black; margin: -2px -2px 0px; background: none
repeat scroll 0% 0% transparent; height: 290px; width: 900px;
-moz-background-inline-policy: continuous;" src="/chatbox/chatbox.forum"></iframe><script>function
 toggleframe(){var x =
document.getElementById('fbfcbframe').style;if(x.display=='none'){x.display='block';}
 else {x.display='none';}}</script>
<div id="fbfcb" class="unclicked" onclick="toggleframe();if(this.getAttribute('class')=='unclicked'){this.className='clicked'}else{this.className='unclicked'}">
    <img src="http://i78.servimg.com/u/f78/15/58/63/34/untitl11.png" /><span style="font-size: 10px;"></span>
</div>

<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px;z-index:1000;">
   <iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" style="height: 350px; float: right; overflow-x: visible; overflow-y:visible; display: none; width: 600px; " marginwidth="0" marginheight="0" frameborder="0" scrolling="yes">
   </iframe>
   <div onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200);jQuery('#chatboxopen,#chatboxclose').toggle();" style="margin-top: 10px; cursor :pointer;float:left">
      <img src="https://i.servimg.com/u/f34/16/04/51/75/open10.png" id="chatboxopen" style="display: inline; " /><imgsrc="http: i34.servimg.com="" u="" f34="" 16="" 04="" 51="" 75="" close10.png"="" id="chatboxclose" style="cursor: pointer; display: none; "></imgsrc="http:>
   </div>
</div
عن اذن اخي ستون مبين البنت تريد دردشه مميزه هذا كود دردشه جانبيه بجهه اليمنى للمنتدى توضع في اماكن هتمال

دردشه  مثل فيس بوك جاهزه ومن برمجتي

بدون تسجيل دخول يا ريت من الاخوه اللي لهم خبره في تكبير الكتابه ان يجعلوا الكتابه فيها اكبر شوي او يدلوننا من وين نكبر الكتابه فيها وشكرا

الكود:

<br />
<!--       BEGIN CBOX - www.cbox.ws - v001       -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
 
<div>
 <iframe src="http://www6.cbox.ws/box/?boxid=806236&boxtag=d2aa6x&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain6-806236" style="border: 1px solid rgb(219, 226, 237); width: 800px; height:100px;" id="cboxmain6-806236" frameborder="0"> </iframe>
</div>
 
<div>
 <iframe src="http://www6.cbox.ws/box/?boxid=806236&boxtag=d2aa6x&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform6-806236" style="border-right: 1px solid rgb(219, 226, 237); border-width: 0px 1px 1px; border-style: none solid solid; border-color: -moz-use-text-color rgb(219, 226, 237) rgb(219, 226, 237); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; width: 800px; height: 75px;" id="cboxform6-806236" frameborder="0"> </iframe>
</div>
</div>
<!--       END CBOX       -->