منتديات حدوتة مصرية

 

« إعلانات المنتدى »
 
 
  




أهلا وسهلا بك إلى منتديات حدوتة مصرية.
أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات، بالضغط هنا.كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه.

جديد المواضيع
goweto_bilobedكود اظهار (عدد المواضيع,المساهمات,اخر مساهمه) على الرئيسيه بشكل جميلالسبت ديسمبر 08, 2018 3:48 pm من طرفأفنديناgoweto_bilobedقالب قائمة الاعضاء بشكل مميزالسبت ديسمبر 08, 2018 11:35 am من طرفأفنديناgoweto_bilobedأخى فى الله أريد من حضرتك كود الدردشة فى عارضة المنتدىالسبت ديسمبر 08, 2018 3:13 am من طرفالأخ تامر مسعدgoweto_bilobedكود قطار المواقع الاجتماعية المتحرك في اسفل المنتدىالجمعة ديسمبر 07, 2018 7:17 pm من طرفأفنديناgoweto_bilobedاكواد القران الكريم لاجمل اصوات فى العالمالجمعة ديسمبر 07, 2018 9:53 am من طرفالأخ تامر مسعدgoweto_bilobedطلب نريد تركيب صندوق الأكوادالجمعة ديسمبر 07, 2018 9:33 am من طرفالأخ تامر مسعدgoweto_bilobedحصري كود تومبيلات ترقيم المساهمات للنسخة phpBB2 و phpbb3الخميس ديسمبر 06, 2018 4:04 pm من طرفأفنديناgoweto_bilobedالمتواجدون الآن والإحصائيات [index_body] بشكل جديدالخميس ديسمبر 06, 2018 3:41 pm من طرفأفنديناgoweto_bilobedتومبيلات اضافة ايقوانة صغيرة على عامود الاقسام للمنتدىالخميس ديسمبر 06, 2018 3:34 pm من طرفأفنديناgoweto_bilobedكود انتظار تحميل الصفحه حتى الانتهاءالخميس ديسمبر 06, 2018 3:23 pm من طرفأفندينا

 

الأربعاء نوفمبر 28, 2018 3:51 pm #494
أفندينا




avatar

 
♛ عضويتي » : 2
♛ تاريخ التسجيل » : 26/11/2016
♛ آبدآعاتي » : 188
♛ دولتي الحبيبه » : السعودية
♛ جنسي » : ذكر
♛ نقآطي » : 1306
♛ التقييم » : 4
♛ حاليآ في » : حدوتة مصرية
♛ آلعمر » : 39
♛ ﺍﻟﺤﺂﻟﺔ ﺁﻵﺟﺘﻤﺂﻋﻴﺔ ‏» :
  • أعزب

♛ آلقسم آلمفضل  » :
  • الرياضي

♛ ﻧﻈﺂﻡ ﺁﻟﺘﺸﻐﻴﻞ ‏» :
  • windows XP

♛مشروبي آلمفضل‏» : pepsi
♛ قنآتي المفضلة ‏» : rotana
♛ آلنادي آلمفضل ‏» : hilal
♛ مزآجي ‏» : 4
♛ MMS ‏» : 59
♛ SMS ‏» :
أمتلك قلبآ يركض بي دائمآ نحوك
عندما أكون غآضب أو حزين أو خآئف
أو حتى عندمآ لا أرغب تماما
بأي أحد



 
مُساهمةموضوع: أزرار التنبيه عن طريق الإدارة والإشراف




أزرار التنبيه عن طريق الإدارة والإشراف

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

بالتلاعب بأكواد الجافا, السكريبت, على جميع انواع نسخ احلى منتدى
تم التمكن من أصدار قُنبلة الموسم.
زر لا يظهر إلا لمن لديه حق الدخول للإداره, وزر آخر لا يظهر إلا لمن لديه حق الإشراف وأيضآ للإداره.
والزرارين لا يظهرون لأي شخص آخر.. فقط يظهرون عند أرسال المساهمه وبها التنبيه من الإدارة أم الإشراف.

صورة للزرارين قبل النقر من أعين من لديه حق الدخول للإداره:


صورة لزرار الإشراف من أعين من لديه حق الإشراف على القسم:


صورة لرموز الزرين عند النقر عليهما:


صورة بعد أرسال المُساهمه:


نتوجه للشرح

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







تعطيل كود ال CSS الأصلي: لا
تفعيل نظام تحسين مردودية ال CSS المشخص: لا

ثم اضف هذا الكود الى ورقة تصميم css

الكود:
    .Lone_Wolf, .LoneWolf {
    margin: 5px auto;
    width: 90%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    }
    .Lone_Wolf a.postlink, .LoneWolf a.postlink {
    color: #FFF !important;
    text-decoration: underline !important;
    }
    .LoneWolf {
    background: #e54858;
    background: -moz-linear-gradient(left, #e54858 0%, #f5b57a 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e54858), color-stop(100%, #f5b57a));
    background: -webkit-linear-gradient(left, #e54858 0%, #f5b57a 100%);
    background: -o-linear-gradient(left, #e54858 0%, #f5b57a 100%);
    background: -ms-linear-gradient(left, #e54858 0%, #f5b57a 100%);
    background: linear-gradient(left, #e54858 0%, #f5b57a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e54858", endColorstr="#f5b57a", GradientType=1);
    -webkit-box-shadow: 4px 4px 0px 0px #352727;
    -moz-box-shadow: 4px 4px 0px 0px #352727;
    box-shadow: 4px 4px 0px 0px #352727;
    }
    .LoneWolf .Alaska {
    font-size: 15px;
    font-weight: bold;
    padding: 5px;
    border-bottom: 1px dashed #B60505;
    }
    .LoneWolf .Alaska + div {
    display: block;
    margin-left: 10px;
    padding: 25px 5px 25px 80px;
    background: transparent url(http://i33.servimg.com/u/f33/17/37/83/89/gnome-10.png) no-repeat left center;
    }
    .Lone_Wolf {
    background: #5c93f5;
    background: -moz-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #5c93f5), color-stop(100%, #afcfda));
    background: -webkit-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
    background: -o-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
    background: -ms-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
    background: linear-gradient(left, #5c93f5 0%, #afcfda 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5c93f5", endColorstr="#afcfda", GradientType=1);
    -webkit-box-shadow: 4px 4px 0px 0px #352727;
    -moz-box-shadow: 4px 4px 0px 0px #352727;
    box-shadow: 4px 4px 0px 0px #352727;
    }
    .Lone_Wolf .Alaska {
    font-size: 15px;
    font-weight: bold;
    padding: 5px;
    border-bottom: 1px dashed #0D4DD3; 
    }
    .Lone_Wolf .Alaska + div {
    display: block;
    margin-left: 10px;
    padding: 25px 5px 25px 80px;
    background: transparent url(http://i33.servimg.com/u/f33/17/37/83/89/gnome610.png) no-repeat left center;
    }

الأن نتوجه الى:
لوحة الاداره >> عناصر إضافيه >> HTML و JAVASCRIPT >> إدارة أكواد Javascript
تفعيل نظام إدارة أكواد Javascript : نعم
إنشاء كود جديد
العنوان * : أي شيء تريد
أضف الكود الى: جميع الصفحات

ثم نضع الكود التالي:

الكود:
$(function() {
      var modButton = true, admButton = true,
      modImage = 'http://i38.servimg.com/u/f38/13/93/90/70/lone10.png',
      admImage = 'http://i38.servimg.com/u/f38/13/93/90/70/wolf10.png';

      if (_userdata.user_level != 0 && modButton === true) {
        $("#text_editor_textarea").before("<img src='"+modImage+"' title='تنبيه من الأشراف' id='mod-b'/>");
        $('#mod-b').click(function(){$('#text_editor_textarea').sceditor('instance').insertText('[mod]','[/mod]')});
      }
      if (_userdata.user_level === 1 && admButton === true) {
        $("#text_editor_textarea").before("<img src='"+admImage+"' title='تنبيه من الإداره' id='adm-b'/>");
        $('#adm-b').click(function(){$('#text_editor_textarea').sceditor('instance').insertText('[adm]','[/adm]')});
      }
      $('div.postbody div').each(function () {
        if ($(this).text().indexOf('[adm]') != -1) $(this).html($(this).html().replace(/\[adm\](.+?)\[\/adm\]/gi, '<div class="LoneWolf"><div class="Alaska">تنبيه من الإداره</div><div>$1 </div></div>'));
        if ($(this).text().indexOf('[mod]') != -1) $(this).html($(this).html().replace(/\[mod\](.+?)\[\/mod\]/gi, '<div class="Lone_Wolf"><div class="Alaska">تنبيه من الإشراف</div><div>$1 </div></div>'));
      });
    });

لا أنصح بالتعديل على الكود الى لذوي الخبره العاليه.
لذوي الخبره القليله: إن أردتم تغيير الألوان أو التصميم عامه, فالمرجوا وضع موضوع في قسم المُساعده وسيتم التعديل.

الى هنا انتهى الشرح Basketball

الموضوع الاصلي : منتدى الدعم المساعدة




 معاينة صفحة البيانات الشخصي للعضو



الــرد الســـريـع
..



الذين يشاهدون محتوى الموضوع الآن : 20 ( الأعضاء 3 والزوار 17)
عدد المتصفحين الحاليين للمنتدى: لا أحد


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

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة


الساعة الآن


تحويل AsHeK EgYpT من خلال منتدي ستار ديس