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

اذهب الى الأسفل 
كاتب الموضوعرسالة
{Lone~Wolf}
 
 
{Lone~Wolf}


ذكر
عدد المساهمات : 3575
معدل النشاط : 9641
السُمعة : 160

قنبلة الموسم, أزرار التنبيه عن طريق الإدارة والإشراف Empty
مُساهمةموضوع: قنبلة الموسم, أزرار التنبيه عن طريق الإدارة والإشراف   قنبلة الموسم, أزرار التنبيه عن طريق الإدارة والإشراف Emptyالخميس 5 فبراير 2015 - 21:01

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

 بالتلاعب بأكواد الجافا, السكريبت, على جميع انواع نسخ احلى منتدى
تم التمكن من أصدار قُنبلة الموسم.

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

صورة للزرارين قبل النقر من أعين من لديه حق الدخول للإداره:
قنبلة الموسم, أزرار التنبيه عن طريق الإدارة والإشراف Captur11
https://i.servimg.com/u/f38/13/93/90/70/captur11.jpg

صورة لزرار الإشراف من أعين من لديه حق الإشراف على القسم:
قنبلة الموسم, أزرار التنبيه عن طريق الإدارة والإشراف Captur12
https://i.servimg.com/u/f38/13/93/90/70/captur12.jpg

صورة لرموز الزرين عند النقر عليهما:
قنبلة الموسم, أزرار التنبيه عن طريق الإدارة والإشراف Captur13
https://i.servimg.com/u/f38/13/93/90/70/captur13.jpg

صورة بعد أرسال المُساهمه:
قنبلة الموسم, أزرار التنبيه عن طريق الإدارة والإشراف Lonewo10
https://i.servimg.com/u/f38/13/93/90/70/lonewo10.jpg
---------------
نتوجه للشرح

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

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

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

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

تعطيل كود ال 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>'));
      });
    });

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

:تحية مع الشكر:

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


تم تعريب وتطوير الكود ليتناسب مع منتديات احلى منتدى من طرف {Lone~Wolf}, أحد اعضاء فريق منتدى الدعم والمُساعده.



عدل سابقا من قبل {Lone~Wolf} في الخميس 5 فبراير 2015 - 21:21 عدل 4 مرات
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://help.ahlamontada.com/u16282
 
قنبلة الموسم, أزرار التنبيه عن طريق الإدارة والإشراف
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» قنبلة الموسم احصل على منتدى vb بدون اعلانات مجاناً
» قنبلة الموسم: شركة احلى منتدى تدعم اخواننا في فلسطين
» قنبلة الموسم: آخر إصدار من صندوق الكتابة الماسي حصرياً على أحلى المنتديات
» قنبلة الموسم: نظام وسم الأعضاء و الكلمات الدليلية حصرياً على أحلى المنتديات
» قنبلة الموسم: افتتاح موقع استايلات عربية خاصة بأحلى منتدى.

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى ::   :: التقنيات المتقدمة :: أكواد الجافا إسكريبت JAVA-
انتقل الى: