الرئيسيةاليوميةس .و .جبحـثالتسجيلدخول
ضع اعلانك هنا
ضع اعلانك هنا
ضع اعلانك هنا
ضع اعلانك هنا
ضع اعلانك هنا
ضع اعلانك هنا

شاطر | 
 

  كود الدردشة مثل الفيس بوك بدون تومبيلات

اذهب الى الأسفل 
كاتب الموضوعرسالة
nada
عضو VIP
avatar

:: النوع :: : انثى
-~ عدد آلمُسآهمإت -~ : 169
:: هويتك :: :
:: المزاج :: :
:: المتصفح :: :
:: احترام قونين المنتدى :: : :: احترام قونين منتدى احلام شبابـ ::


مُساهمةموضوع: كود الدردشة مثل الفيس بوك بدون تومبيلات   الأربعاء أبريل 06, 2011 6:42 pm

اليوم أقدم لكم كود الدردشة مثل الفيس بوك تماما
صورة للكود:



أولا يجب إنشاء عنصر مستقل ونضع فيه الكود التالي لكي يظهر في جميع الصفحات

الكود:

<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>


ونحدد الصلاحيات للأعضاء فقط






ثانيا نضع هذا الكود في ورقة تصميم ال 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:
 20px;
}

ومبروك عليك دردشة زى الفيس بوك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
a7mos
نائب المدير
avatar

:: النوع :: : ذكر
-~ عدد آلمُسآهمإت -~ : 82
:: هويتك :: :
:: المزاج :: :
:: المتصفح :: :
:: احترام قونين المنتدى :: : :: احترام قونين منتدى احلام شبابـ ::


مُساهمةموضوع: رد: كود الدردشة مثل الفيس بوك بدون تومبيلات   الأحد مايو 01, 2011 1:34 pm

شكرا

nada كتب:


اليوم أقدم لكم كود الدردشة مثل الفيس بوك تماما
صورة للكود:



أولا يجب إنشاء عنصر مستقل ونضع فيه الكود التالي لكي يظهر في جميع الصفحات

الكود:

[b]
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;">[color=white][font='lucida <]دردشة منتديات ضع اسم منتداك هنا[/font][/color]
<br />style="border: 0px solid black; margin: -2px -2px 0px; background: none <br />repeat scroll 0% 0% transparent; height: 290px; width: 900px; <br />-moz-background-inline-policy: continuous;" <br />src="/chatbox/chatbox.forum">
function
 toggleframe(){var x =
document.getElementById('fbfcbframe').style;if(x.display=='none'){x.display='block';}
 else {x.display='none';}}
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">
[size=7]الدردشة|منتديات ضع اسم منتداك هنا  [/size]

[/b]


ونحدد الصلاحيات للأعضاء فقط






ثانيا نضع هذا الكود في ورقة تصميم ال 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:
 20px;
}

ومبروك عليك دردشة زى الفيس بوك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود الدردشة مثل الفيس بوك بدون تومبيلات
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 :: قسم خدمات اصحاب المواقع | Web Services :: قسم الاكواد-
انتقل الى: