جاري التحميل
المواضيع الأخيرة
أفضل 10 أعضاء في هذا الأسبوع
omarpop23
 
JoryAbdallah
 
khairanynabil
 
نورالدين خلف
 
BAZOKA Libya
 
game4rest
 

المتواجدون الآن ؟
ككل هناك 10 عُضو متصل حالياً :: 1 أعضاء, 0 عُضو مُختفي و 9 زائر :: 2 عناكب الفهرسة في محركات البحث

tofayas

[ مُعاينة اللائحة بأكملها ]


أكبر عدد للأعضاء المتواجدين في هذا المنتدى في نفس الوقت كان 141 بتاريخ 19/07/16, 08:08 am
احصائيات
هذا المنتدى يتوفر على 486 عُضو.
آخر عُضو مُسجل هو khairanynabil فمرحباً به.

أعضاؤنا قدموا 9723 مساهمة في هذا المنتدى في 1841 موضوع

منتديات تقنيات :: جاليري استايلات التومبلايت والقوالب والاكواد :: 

اضافه دردشة احترافية للمنتدى لجميع النسخ

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

https://i.servimg.com/u/f11/19/61/68/63/screen22.png
طريقه التركيب اذهب الى لوحة الادارة. عناصر اضافية. علبة الدردشة
تشكيل . ظهار علبة الدردشة : اختار عدم اظهار
ثم سجل ..
ثم اذهب الى HTML و JAVASCRIPT
ادارة اكواد html
انشاء صفحة جديدة

https://i.servimg.com/u/f11/19/61/68/63/screen23.png
ثم نجعل الأعداد الصفحة كما هو ونضيف فالمحتوى الكود الاتي

https://i.servimg.com/u/f11/19/61/68/63/screen24.png
الكود:

<!DOCTYPE HTML>
<html>
 
<head>
 <meta charset="utf-8" />
 <title>دردشة المنتدى</title>
 <link rel="stylesheet" type="text/css" href="http://baivong.github.io/cdn/zzchat/0.2/zzchat.min.css" />
</head>
 
<body>
 
 <div id="chatbox-forumvi">
 
 <div id="chatbox-header">
 <div id="chatbox-me">
 <h2>...</h2>
 <div id="chatbox-action-logout"></div>
 <div class="chatbox-action-checkbox autologin">
 <input type="checkbox" id="chatbox-input-autologin" name="autologin" checked />
 <label for="chatbox-input-autologin">سجل الشخصي</label>
 </div>
 <div id="chatbox-hidetab" class="show"></div>
 </div>
 <div id="chatbox-title" data-id="publish">
 <h2>الأعضاء النشيطين</h2>
 <div class="chatbox-action-group edit"></div>
 <div class="chatbox-action-group add"></div>
 <div class="chatbox-action-group close chatbox-action" data-action="/out"></div>
 <div class="chatbox-action-checkbox refresh">
 <input type="checkbox" id="chatbox-input-autorefesh" name="autorefesh" checked />
 <label for="chatbox-input-autorefesh">التحديث التلقائي</label>
 </div>
 </div>
 </div>

 <div id="chatbox-tabs">
 <div id="chatbox-list">
 <div class="chatbox-change active" data-id="publish">
 <h3>الأعضاء النشطين</h3>
 <span class="chatbox-change-mess" data-mess="0"></span>
 </div>
 </div>
 <div id="chatbox-members"></div>
 <div id="chatbox-copyright">© 2014 - devs forumvi</div>
 </div>
 
 <div id="chatbox-main">
 <div id="chatbox-wrap">
 <div class="chatbox-content" data-id="publish">
 </div>
 </div>
 <div id="chatbox-messenger-form">
 <form id="chatbox-form" data-key="">
 <input type="hidden" name="sbold" id="chatbox-input-bold" value="0" />
 <input type="hidden" name="sitalic" id="chatbox-input-italic" value="0" />
 <input type="hidden" name="sunderline" id="chatbox-input-underline" value="0" />
 <input type="hidden" name="sstrike" id="chatbox-input-strike" value="0" />
 <input type="hidden" name="scolor" id="chatbox-input-color" value="333333" />
 <div id="chatbox-messenger">
 <input type="text" name="message" id="chatbox-messenger-input" data-id="publish" maxlength="1024" autocomplete="off" />
 </div>
 <div id="chatbox-option">
 <div id="chatbox-option-bold">B</div>
 <div id="chatbox-option-italic">I</div>
 <div id="chatbox-option-underline">U</div>
 <div id="chatbox-option-strike">S</div>
 <div id="chatbox-option-color" style="background: #333333;"></div>
 <div id="chatbox-option-smiley"></div>
 <div id="chatbox-option-buzz">تنبيهه</div>
 <div id="chatbox-option-submit">
 <input type="submit" value="ارسال رسالة" id="chatbox-submit" />
 </div>

 </div>
 </form>
 </div>
 </div>
 
 </div>
 
 <audio id="chatbox-buzz-audio">
 <source src="http://baivong.github.io/cdn/zzchat/sound/buzz.ogg" type="audio/ogg" />
 <source src="http://baivong.github.io/cdn/zzchat/sound/buzz.mp3" type="audio/mpeg" />
 </audio>
 
 <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
 
 <script type="text/javascript" src="http://baivong.github.io/cdn/zzchat/0.2/zzchat.min.js"></script>
</body>
 
</html>
ثم سجل .. ونحفظ رقم رابط الصفحة html
نذهب الان الى مظهر المنتدى. قوالب التومبلايت. ادارة عامة. قالب indox_body
ونبحث عن
الكود:

{CHATBOX_BOTTOM}
ونضيف اعلى منه هالكود
الكود:


<br/>
<!-- BEGIN switch_user_logged_in -->
 
 <div class="main-content chatbox clearfix">
 <div id="chatbox_top" style="height: 420px; border: 1px solid #DDD;">
 <iframe src="/h13-chatbox" id="frame_chatbox" scrolling="auto" frameborder="0" height="100%" width="100%"></iframe>
 </div>
 <div style="resize">
 <img src="http://illiweb.com/fa/resize.gif" onmousedown="javascript:resizeElement(event, 'chatbox_top');" alt="" style="cursor:se-resize; float: right;" />
 </div>
 </div>
       
<!-- END switch_user_logged_in -->
ثم غير رقم h13 برقم صفحة html الذي قمت بعملها ثم سجل
ثم اضغط علامة صح امام اسم القالب
ومبروك عليك الدردشة المطورة ^_^


m13
avatar
جاري وضعها في منتداي رائعة جداااا
avatar
منور الموضوع


m13
avatar
موضوع رائع ومميز

عاشت الايادي دوم التالق

تحياتي
avatar
عاشت الايادي

سجل دخولك أو انشئ حساب لترك رد

تحتاج إلى أن تكون عضوا من أجل ترك الرد.

انشئ حساب

الانضمام إلى مجتمعنا من خلال إنشاء حساب جديد. من السهل


انشئ حساب جديد

تسجل دخول

هل لديك حساب بالفعل؟ لا توجد مشكلة، قم بتسجيل الدخول هنا.


تسجيل دخول