كود الدردشة في جميع صفحات المنتدي مثل الفيس بوك
كود الدردشة في جميع صفحات المنتدي مثل الفيس بوك
كود رائع جدا" ومميز ويزيد من نشاط وحيوية المنتدي
وهو يجعل الدردشة في المنتدي في جميع صفحات المنتدي مثل الفيس بوك
ويساعد الاعضاء علي التواثل مع بعض لحل اي مشكلة في المنتدي
لمعاينة الكود بعد التركيب
كما هو موجود في هذا المنتدي
الكويد يتكون من كودين
ولابد من تركيب الكودين حتي تظهر الدردشة
كود سوف يضع في ورقة css
والكود الثاني سوف يضع في العناصر المستقلة علي المنتدي لكي يظهر في جميع صفحات المنتدي
والان مع الكود الاول
الرمز:
#myfooter{
background-image: url(https://i.servimg.com/u/f78/15/58/63/34/sans_t13.jpg);
background-repeat:
no-repeat;
}
#myfooter:hover{
background-image: url(https://i.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
ثم ضع الكود
والان مع الكود الثاني
الرمز:
<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="https://i.servimg.com/u/f78/15/58/63/34/untitl11.png">
<font size="1">دردشة المنتدي </font>
</div></div>
طريقة تركيب الكود
لوحة الادارة _ عناصر اضافية_ ادارة العناصر المستقلة علي المنتدي
ثم انشئ عنصر جديد وضع الكود بة - وبعد ذلك ضع العنصر في اي مكان علي المنتدي
اذا وجهتك اي مشكلة في تركيب الكود اكتبها في التعليق وان شاء الله سيتم حلها
تقبل الله منا ومنكم صالح الاعمال