منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.


انشاء منتدى مجاني شبيه بهذا المنتدى

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

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

مُساهمة من طرف وهبة الساحر في السبت 28 مارس 2015 - 2:01



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

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


كود وضع تنبيه اعلى الدردشة بطريقة رائعة
عمل الكود هو: وضع تنبيه اعلى الدردشة او وضع رسالة ترحيب كما تحب انت
ويمكنك التحكم بكل شىء فى الاكواد
ملاحظة
: هذه التقنية تعمل على جميع النسخ
صورة للمعاينه

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







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







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








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


الكود الاخر فى ورقة تصميم css
لوحة الاداره >> مظهر المنتدى >> الصور والألوان >> ألوان >> ورقة تصميم css

تعطيل كود ال CSS الأصلي: لا
تفعيل نظام تحسين مردودية ال CSS المشخص: نعم
ثم اضف هذا الكود الى ورقة تصميم css

الكود:

/* تنبيه اعلى الدردشة  */
.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 كتابة قوانين علبة الدردشة فوق علبة الدردشة بدون تومبيلات ويمكنك وضع رابط عند الضغط عليه ينتقل مباشرة لموضوع القوانين ..  ..


يتم الكود على خطوتين Arrow :-
الاولى ، كود الجافا سكربت Cool ..
طريقة الوضع : لوحة الإدارة - عناصر إضافية - أكواد الجافا وهتمل - اكواد جافا - ثم أضف كود جديد  ..

- أضف الكود إلى : [ جميع الصفحات] #
ثم ضع الكود التالى :-



الكود:
// 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  Cool ..
طريقة الوضع : لوحة الإدارة - مظهر المنتدى - الصور والالوان - الوان - ورقة تصميم 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;
}

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

http://i18.servimg.com/u/f18/19/26/98/66/1222_b10.jpg
,


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

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







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







avatar
وهبة الساحر
 
 

ذكر
عدد المساهمات : 9556
معدل النشاط : 11906
السُمعة : 85

http://3arb-way.a7larab.net/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى