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

السلام عليكم رحمة الله و بركاته

اليوم اقدم لكم

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

صور من الكود
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


الكود الاول الدخول تلقائى الى الدردشه بعد دخولك للمنتدى مباشرتا

الرمز:


<script
type="text/javascript"
src="http://a7la-7ekaya.googlecode.com/files/a7lacat.js"></script><div
id="FMChatBase" class="chatbase" onclick="openClose();
autoLog();"><span style="font-weight: bold; line-height: 2em;
font-size: 11px;">ChatBox</span></div><div id="chat"
style="display: none;"><iframe id="<b style="color:#aa0000"
class="coloradmin">FMChat</b>" name="<b
style="color:#aa0000" class="coloradmin">FMChat</b>"
onload="FMChatLoad();" style="border: none; border-radius: 5px;
-moz-border-radius: 5px; -webkit-border-radius: 5px;" src="/chatbox"
height="100%" width="100%"></iframe></div>




الكود الثانى
غير تلقائى لدخول الى علبة الدردشه عليك الضغط على زرار الدخول

الرمز:


<script
type="text/javascript"
src="http://a7la-7ekaya.googlecode.com/files/a7lacat.js"></script><div
id="FMChatBase" class="chatbase" onclick="openClose()"><span
style="font-weight: bold; line-height: 2em; font-size:
11px;">ChatBox</span></div><div id="chat"
style="display: none;"><iframe id="<b style="color:#aa0000"
class="coloradmin">FMChat</b>" name="<b
style="color:#aa0000" class="coloradmin">FMChat</b>"
onload="FMChatLoad();" style="border: none; border-radius: 5px;
-moz-border-radius: 5px; -webkit-border-radius: 5px;" src="/chatbox"
height="100%" width="100%"></iframe></div>




طريقة وضع الكود

لوحة الاداره / العناصر الاضافيه / اداره العناصر الستقله على المنتدى / انشاء عنصر شخصي


جديد




ضع الكود


ثم اضغط سجل و اسحب الكود وضعه فى العناصر


**********


ثم اذهب الى


لوحة الاداره / مظهر المنتدى / الصور و الالوان / الوان / ورقة تصميم css

ضع الكود التالى و اضغط قدم

الرمز:

/*<b style="color:#aa0000" class="coloradmin">FMChat</b> Design*/
.chatbase { /*This can be edited to your liking - (the button)*/
position: fixed;
bottom: 2px;
right: 15px;
background: #56A0D3;
border: 2px solid #7BB92B;
width: 75px;
height: 20px;
border-radius: 5px;
text-align: center !important;
cursor: pointer;
color: #ffffff;
}

.chatbase:hover { /*This can be edited to your liking - (hovering over the button)*/
border-color: #D30C3F;
color: #000000;
}

#chat { /*This can be edited to your liking - (box surrounding the chatbox)*/
border: 2px solid #7BB92B;
width: 65%;
position: fixed;
right: 15px;
bottom: 27px;
height: 50%;
border-radius: 5px;
z-index: 1000;
}




و الان كود الجافا

الرمز:

/*<b style="color:#aa0000" class="coloradmin">FMChat</b> Variables*/
var fmchat_toggle = "normal"; //Toggle Type
var fmchat_toggle_duration = "DURATION HERE"; //Toggle Duration
var fmchat_mod_sign = "MOD SIGN Here"; //<b style="color:#aa0000" class="coloradmin">FMChat</b> Mod Sign
var fmchat_title = "TITLE HERE"; //<b style="color:#aa0000" class="coloradmin">FMChat</b> Title
var fmchat_title_url = "URL HERE"; //<b style="color:#aa0000" class="coloradmin">FMChat</b> Title URL