كود javascript jquery m;$ نافذة دردشة احترافية بطريقة جي كويري في جميع الصفحات منتدى احلى صندوق دردشة احترافي
السلام عليكم ورحمة الله وبركاته
أقدم لكم اليوم كود سيسمح للعضو بالمشارك في الدردشة أثناء تصفحه للمنتدى
وليس فقط في الصفحة الرئيسية بل في جميع صفحات المنتدى
وكذلك في اسفل الصفحة أو علاها أو في وسطها
أولا هذا مثال للكود بعد تركيبه
http://uploads.eb2a.ae/1332075331769.jpg



بمجرد مرور المؤشر على جملة ابضم للدردشة يرتفع صندوق الدردشة
http://uploads.eb2a.ae/1332075557115.jpg



وبمجرد خروج المؤشر من الصندوق ينزل الصندوق إلى أسفل بطريقة روعة
وعدا ما سيسمح لأعصاء المنتدى بالوصول الى الشات بسهولة كبيرة وفي كل اقسام المنتدى

يمكنك تغيير اللون كما تحب (تابع الشرح):

أولا تحضير ورقة الجافا سكريبت:
افتح ورقة js جديدة ( لوحة التحكم// عناصر اخرى/ اكواد الجافاسكريبت// ورقة جديدة
ثم اكتب الكود التالي:

الكود:


var sScript = document.createElement('script');
    sScript.type = 'text/javascript';
    sScript.src = 'http://forumarabia.googlecode.com/files/Scs.js';
    var fs = document.getElementsByTagName('script')[0]; fs.parentNode.insertBefore(sScript, fs);
$(document).ready(function() {
$( "#aChat" ).mouseover(function(){
 Chatonv();
});
    $("#NlFRM").mouseleave(function(){
ChatOfv();
});
function Chatonv(){
 $( "#MylChat" ).animate( { height: "349px", 
                                            width: "709px" }, { queue: false, duration: 1200 });
$("#NlFRM").css({display:"inline"}); $( "#aChat" ).css({opacity:"1"});
}
function ChatOfv(){
$( "#MylChat" ).animate( { height: "33px" ,
                                            width: "128px" }, { queue: false, duration: 1200 });
$( "#aChat" ).animate( { opacity:"0.8"}, { queue: false, duration: 1200 })
}
});


ثم اختر جميع الصفجات ثم سجل
ثم ضع كود الـHTML في كل صفحات المنتدى (عناصر مستقلة أو اعلانات خاصة ..)

الكود:


<style>
#aChat {
background: url(http://i42.servimg.com/u/f42/17/12/94/90/chat10.png) no-repeat -5px -14px;
background-color: red;
cursor: pointer;
z-index: 1;
margin: 0px;
font-size: 15px;
font-family:arial;
font-weight: 700;
opacity: 0.8;
line-height: 2.3;
padding: 10px 6px 12px 54px;
}#achat:hover{opacity:1}

#MylChat {
position: fixed;
bottom: 2px;
left: 10px;
height: 33px;
width: 128px;
}
#NChat{
height:94%;
border:1px dotted red;
}
#NlFRM{display:none;
 border: 0px;
width: 100%;
height: 94%;
 margin:auto;
}
</style><div
 id="MylChat" dir="rtl" ><a id="aChat" >انضم
للدردشة</a><div class="Nlogon"  id="NChat"><iframe
class="Nlogon" id="NlFRM"
src="http://gggg.forumalgerie.net/chatbox/index.forum?"
></iframe></div></div>


لا تنس تغيير رابط https://da3m.forumarabia.com إلى رابط منتداك
أرجو أن تنال اعجابكم
تحياتـيـ cc.mido

موضوع رائع بوركت

شكرا وبارك الله فيك على الموضوع المميز و كود مميز