مساعده بخصوص الدردشة

السلام عليكم

انا جربت الدردشة تاعة الفيس بوك في المنتدى وزبطت الحمدلله
بس فيها مشكلة وانها ما فيها تناسق
يعني المستطيل اللي لازم يظهر عليه كلمة الدردشة على الشمال
وكلمة الدردشة على اليمين

التوضيح في الصورة :

http://www.iraqup.com/up/20110902/K354j-cHwH_62284714.jpg

وهاد رابط منتداي : http://sama-school.alafdal.net/

وعليكم السلام
من فضلك اختي ضعي الاكواد التي استخدمتيها بالمنتدى هنا
مساعده بخصوص الدردشة 103798

الكود:: <div style="text-align: left;"><br></div><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% black; 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"><span style="font-size: 18px; line-height: normal"><strong>الدردشة</strong></span> </font> </div></div>

طبعا هاد الكود بالاعلانات الخاصة

الكود:: #myfooter{ background-image: url(http://i78.servimg.com/u/f78/15/58/63/34/sans_t13.jpg); background-repeat: no-repeat; } #myfooter:hover{ background-image: url(http://i78.servimg.com/u/f78/15/58/63/34/sans_t14.jpg); background-repeat: no-repeat; } #myfooter img{ border: 0px; margin-top: -12px; padding-right: 20px; }

وهاد في ورقة الـ css

تمام اختي
كود الـ html مثل ما هو
وكود الـ CSS
استخدمي

الكود:: #myfooter{ background-image: url(http://i78.servimg.com/u/f78/15/58/63/34/sans_t13.jpg); background-repeat: no-repeat; } #myfooter:hover{ background-image: url(http://i78.servimg.com/u/f78/15/58/63/34/sans_t14.jpg); background-repeat: no-repeat; } #myfooter img{ border: 0px; margin-top: -12px; padding-right: 550px; }

ما تغير اشي Sad

هاذا كود
الــــhtml

الكود:: <td align="left" class="row1"><div id="fa_ticker_container"><div id="fa_ticker" style="height:0px;"><div class="fa_ticker_content"><div><style> #fbfcb {width:188px;cursor:pointer;padding:3px 12px;background: url(http://static.ak.fbcdn.net/rsrc.php/z1V2B/hash/apfsevhg.png) repeat-x 0px 0px;font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;padding-bottom:6px;border-top:1px solid #b5b5b5;border-right: 1px solid #b5b5b5;border-left: 1px solid #b5b5b5;-webkit-user-select:none;text-align:left !important;position:fixed;bottom:0px;right: 23px;}#fbfcb:hover {width:188px;cursor:pointer;padding:3px 12px;padding-bottom:6px;background:white;font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;border-top:1px solid #c5c5c5;border-right: 1px solid #c5c5c5;border-left: 1px solid #c5c5c5;}.clicked {background:white !important;border:1px solid black !important;border-top-width:0px !important;}.unclicked {}#minimize:hover div {background:white !important;}</style><div id="fbfcbframe" style="border: 1px solid black; padding: 0px; background: white none repeat scroll 0% 0%; display: none; -moz-background-clip: border; -moz-background-origin: padding; -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 style="height: 16px; text-align: center; cursor: pointer; position: absolute; right: 5px; top: 2px;" id="minimize" onclick="this.parentNode.parentNode.style.display='none';document.getElementById('fbfcb').className='unclicked'"><div style="overflow: hidden; margin-top: 10px; background-color: rgb(173, 190, 216); float: right; height: 2px; width: 9px;"></div></div></div><iframe style="border: 0px solid black; margin: -2px -2px 0px; background: transparent none repeat scroll 0% 0%; height: 290px; width: 900px; -moz-background-clip: border; -moz-background-origin: padding; -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://i62.servimg.com/u/f62/14/92/74/94/_10.gif" style="background: transparent url(http://static.ak.fbcdn.net/rsrc.php/z3O30/hash/3wq3vjh4.png) no-repeat scroll -631px -101px; width: 16px; height: 16px; margin-bottom: -2px; position: relative; bottom: -5px; left: -3px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"> دردشة| المتوادين حاليا</div></div></div></div></div></td></tr></table></div>

مشكوووووووووووور نيو مون
ومشكووور lord-adoain غلبتكم معي

مساعده بخصوص الدردشة

مساعده بخصوص الدردشة

رد: مساعده بخصوص الدردشة

رد: مساعده بخصوص الدردشة

رد: مساعده بخصوص الدردشة

رد: مساعده بخصوص الدردشة

رد: مساعده بخصوص الدردشة

رد: مساعده بخصوص الدردشة