ان كنت استفدت من محتوى المنتدى فاضغط على الاعلانات..

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

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

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
  افضل مساهمة2
جاري وضعها في منتداي رائعة جداااا
  افضل مساهمة3
منور الموضوع


m13
  افضل مساهمة4
موضوع رائع ومميز

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

تحياتي
  افضل مساهمة5
عاشت الايادي
لاتستطيع الرد على المواضيع في هذا المنتدى