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

الأن نتوجه الى:

لوحة الاداره >> عناصر إضافيه >> HTML و JAVASCRIPT

إدارة أكواد Javascript
تفعيل نظام إدارة أكواد Javascript : نعم
إنشاء كود جديد
العنوان * : أي شيء تريد
أضف الكود الى: الصفحة الرئيسية
ثم نضع الكود التالي:

الكود:

jQuery(document).ready(function(){$('#frame_chatbox').before('<div class="aviso_chat"><b>تنبيه اعلى الدردشة بطريقة احترافية</b></div>')});

الكود:


/* تنبيه اعلى الدردشة  */
.aviso_chat {
background: none repeat scroll 0 0 #00AA00;
border: 1px solid #C00000;
  color: #C00000 !important;
font-family: Tahoma,Arial;
font-size: 11px;
height: 24px;
line-height: 24px;
margin-bottom: 3px;
text-align: center;
}

الكود:

background: none repeat scroll 0 0 #00AA00;

الكود:

  color: #C00000 !important;

الكود:

border: 1px solid #C00000;

وهذا الكود يكون برابط توجيه

[ كتابة اى شئ فوق علبة الرددشة ]

>> كود الجافا سكربت + كود الــCss كتابة قوانين علبة الدردشة فوق علبة الدردشة بدون تومبيلات ويمكنك وضع رابط عند الضغط عليه ينتقل مباشرة لموضوع القوانين ..  ..

يتم الكود على خطوتين :-

الاولى ، كود الجافا سكربت ..

الكود:

// Script add warning in Chatbox
// Desenvolvido por Shek Forumeiros - Fَrum dos Fَruns
jQuery(document).ready(function() {
  jQuery('#frame_chatbox').before(
    '<div class="aviso_normas">اكتب اى شئ هنا</div>')
});

الكود:

<div align="center">
    <strong><span style="color: rgb(255, 0, 0);"><a href="رابط الموضوع">اكتب اى شئ هنا</a></span></strong><br />
</div>

الثانية ، كود الــCss  ..

الكود:

.aviso_normas {
background: none repeat scroll 0 0 #F0E8E0;
border: 1px solid #C00000;
font-family: Tahoma,Arial;
font-size: 11px;
height: 24px;
line-height: 24px;
margin-bottom: 3px;
text-align: center;
}

  صورة للكود بعد الوضع :-

https://i.servimg.com/u/f18/19/26/98/66/1222_b10.jpg
,

تم الشرح بواسطتى
وهبة الساحر وThe Globetrotter

المتطوع المساعد

ارجوا ان اكون قد افدتكم
انتهي الموضوع