منتديات ويب تونس
أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى لمنتديات ويب تونس يشرفنا أن تقوم بالتسجيل إذا رغبت بالمشاركة في المنتدى.

انضم إلى المنتدى ، فالأمر سريع وسهل

منتديات ويب تونس
أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى لمنتديات ويب تونس يشرفنا أن تقوم بالتسجيل إذا رغبت بالمشاركة في المنتدى.
منتديات ويب تونس
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.
إحصائيات المنتدى
أفضل الاعضاء هذا الشهر
آخر المشاركات
272 المساهمات
58 المساهمات
31 المساهمات
16 المساهمات
11 المساهمات
9 المساهمات
7 المساهمات
4 المساهمات
4 المساهمات
4 المساهمات


كود css + JavaScript أدوات الاشراف أحلى منتدى

3 مشترك

3 مشترك close
mahmoud gilany
دمعه السعودية
Mr Google
اذهب الى الأسفل
Mr Google
Mr Google
إدارة المنتدى
وسام النشاط
وسام النشاط
الجنس : ذكر
عدد المساهمات : 989
عدد النقاط : 2839
إنظم في: : 26/01/2024
No

كود css + JavaScript أدوات الاشراف أحلى منتدى Empty كود css + JavaScript أدوات الاشراف أحلى منتدى

الثلاثاء 12 مارس 2024 - 22:31
كود css + JavaScript أدوات الاشراف أحلى منتدى

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

كود جافا

الكود:
/**
 * Title        : Forumotion tools for moderation
 * Version      : 1.0.2
 * Author        : Zeus
 * Author URI    : http://help.forumgratuit.ro
 * License      : GNU - General Public License v3.0
 * Documentation : https://github.com/zeusmaximus/Moderation-tools-for-Forumotion/
 */
if (typeof zModConfig === 'undefined') var zModConfig = [{
    icon: "https://i.servimg.com/u/f58/11/80/17/98/chat-110.png",
    loadCss: true, // true or false
    css_source: "https://cdn.rawgit.com/zeusmaximus/Moderation-tools-for-Forumotion/e46f560/style.css",
    fontAwesome: true // true or false
}];

if (typeof zModTabels === 'undefined') var zModTabels = [{
        type: "zalert",
        body_start: '[table class="zmod_box zalert"][tr][td style="padding-right: 10px;" width="60px;"][icon="fa fa-exclamation-circle"][/icon][div]',
        body_end: "[/div][/td][/tr][/table]\n\n"
    },
    {
        type: "zsuccess",
        body_start: '[table class="zmod_box zsuccess"][tr][td style="padding-right: 10px;" width="60px;"][icon="fa fa-check"][/icon][div]',
        body_end: "[/div][/td][/tr][/table]\n\n"
    },
    {
        type: "zdefault",
        body_start: '[table class="zmod_box zdefault"][tr][td style="padding-right: 10px;" width="60px;"][icon="fa fa-rocket"][/icon][div]',
        body_end: "[/div][/td][/tr][/table]\n\n"
    },
    {
        type: "zwarning",
        body_start: '[table class="zmod_box zwarning"][tr][td style="padding-right: 10px;" width="60px;"][icon="fa fa-exclamation-triangle"][/icon][div]',
        body_end: "[/div][/td][/tr][/table]\n\n"
    },
    {
        type: "zinfo",
        body_start: '[table class="zmod_box zinfo"][tr][td style="padding-right: 10px;" width="60px;"][icon="fa fa-info"][/icon][div]',
        body_end: "[/div][/td][/tr][/table]\n\n"
    }
];

if (typeof zModMessages === 'undefined') var zModMessages = [{
        name: "تحذير",
        message: '[b]تحذير[/b] \أكتب هنا التحذير : منتديات واب تونس.',
        group_id: 0,
        type: "zalert"
    },
    {
        name: "تم الحل",
      message: '[b]تم الحل[/b] \اكتب هنا رسالة تم الحل : منتديات واب تونس.',
        group_id: 0,
        type: "zsuccess"
    },
    {
        name: "إعلان",
      message: '[b]إعلان[/b] \اكتب هنا اعلانك منتديات واب تونس.',
        group_id: 1,
        type: "zdefault"
    },
    {
        name: "تحذير هام",
        message: '[b]تحذير هام[/b] \أكتب هنا التحذير الهام: منتديات واب تونس.',
        group_id: 1,
        type: "zwarning"
    },
    {
        name: "معلومات",
        message: '[b]معلومة[/b] \اكتب هنا معلومة منتديات واب تونس.',
        group_id: 1,
        type: "zinfo"
    },

];

if (typeof zModGroups === 'undefined') var zModGroups = [{
        id: 0,
        name: 'المشرفون'
    },
    {
        id: 1,
        name: 'الادارة'
    }
];

$(function() {

    if (zModConfig[0].fontAwesome === true) $('<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />').appendTo("head");

    if (zModConfig[0].loadCss === true) $('<link rel="stylesheet" type="text/css" href="'+ zModConfig[0].css_source +'" />').appendTo("head");

    $('<style type="text/css">.sceditor-button-staff div {background: url(' + zModConfig[0].icon + ') !important;}</style>').appendTo("head");

    var list = "";

    $('.zmod_box td').each(function() {
        this.innerHTML = this.innerHTML.replace(/\[icon\="?(.*?)"?\](.*?)\[\/icon\]/g, "<div><i class=\"$1\ icon-message\">$2</i></div>")
            .replace(/\[div\](.*?)\[\/div\]/g, "<div>$1</div>");
    });

    $(window).load(function() {
        function zModGetTable(type, body) {
            var str = "";
            for (var y = 0; y < zModTabels.length; y++) str += (zModTabels[y].type === type) ? (body === "start") ? zModTabels[y].body_start : zModTabels[y].body_end : "";
            return str;
        }

        function zModGetModMessageByGroupId(f, g) {
            var str = "",
                c = 0;
            for (var z = 0; z < zModMessages.length; z++) {
                if (zModMessages[z].group_id == f) {
                    str += "<li class='mod_editor_message group_" + zModMessages[z].group_id + "' id='group_" + z + "_" + zModMessages[z].group_id + "'><a style='cursor: pointer'>" + zModMessages[z].name + "</a></li>\n";
                    if (g === 0) zModInsertToSCEditor('#group_' + z + '_' + zModMessages[z].group_id + ' a', zModMessages[z].message, zModMessages[z].type);
                    c++;
                }
            }
            if (g === 1) str = c;

            return str;
        }

        function zModInsertToSCEditor(e, t, i) {
            $(e).live("click", function(e) {
                $("#text_editor_textarea").sceditor("instance").insertText(zModGetTable(i, "start") + t, zModGetTable(i, "end"));
            });
        }

        function zModToggleSCEditor(o, i) {
            $(o).live("click", function(o) {
                $(i).toggle();
            });
        }

        for (var x = 0; x < zModGroups.length; x++) {
            if (zModGetModMessageByGroupId(zModGroups[x].id, 1) > 0) {
                list += "<li class='mod_editor_section' id='list_" + zModGroups[x].id + "'><a style='cursor: pointer'>" + zModGroups[x].name + " (" + zModGetModMessageByGroupId(zModGroups[x].id, 1) + ")</a></li>" + zModGetModMessageByGroupId(zModGroups[x].id, 0);
                zModToggleSCEditor("#list_" + zModGroups[x].id + " a", ".group_" + zModGroups[x].id + "");
            }
        }

        zModToggleSCEditor('.sceditor-button.sceditor-button-staff', '.mod_box');

        $("textarea, .sceditor-button").click(function() {
            $(".mod_box").hide();
        });

        $(".sceditor-button-source").click(function() {
            $(".sceditor-button-staff").removeClass("disabled");
        });

        if(_userdata.user_level > 0) $(".sceditor-group:last-child").before('<div class="sceditor-group"><a class="sceditor-button sceditor-button-staff" title="Mesaje de moderare"><div unselectable="on">Mesaje de moderare</div></a><div class="mod_box" style="display: none;"><ul class="mod_groups" id="mod_box_i">' + list + '<li class="copyright_e"> © Created by Zeus - All right reserved</li></div></div></div>');
       
    });

});

    إدارة أكواد Javascript
  • اضف كود جديد و اجعله في جميع الصفحات
  • العنوان ادوات الاشراف

كود CSS

الكود:
.mod_groups {
    line-height: 1.5;
    font-size: 15px;
    font-weight: 400;
}

.mod_box {
    -moz-background-clip: padding;
    -moz-border-radius: 2px;
    -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
    background: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
    color: #333;
    width: 200px;
    line-height: 1;
    padding: 10px;
    position: absolute;
    z-index: 999;
}

.mod_editor_section {
    background: #f1f1f1;
    padding: 5px;
    font-weight: bold;
    border-bottom: 1px solid #d7d7d7;
    text-align: right;
    text-transform: uppercase;
}

.copyright_e {
    margin-top: 5px;
    background: #f8f8f8;
    border-top: 1px solid #d7d7d7;
  text-align: right;
    padding: 2px 5px;
    font-size: 6px;
    color: #777;
    text-shadow: 1px 1px 0px white;
}

.mod_editor_message {
    padding: 2px 5px;
      text-align: right;
}

.mod_groups {
    height: 150px;
    overflow-y: scroll;
}

.mod_groups li {
    list-style-type: none;
    margin-left: -40px;
}

.sceditor-button-staff {
    position: relative;
}

.mod_box {
    top: 73px;
}

#quick_reply .mod_groups li {
    margin-left: 0px;
}

#quick_reply .mod_box {
    top: 35px;
}

.sceditor-button-staff.disabled div {
    opacity: 1.0 !important;
    filter: alpha(opacity=100) !important;
}

/* Tabels */

#preview .postbody .zmod_box,
.postbody .zmod_box,
.zmod_box {
    background: #e2e2e2;
    width: 100%;
    padding: 10px;
    border: 1px solid #848484 !important;
    border-radius: 3px;
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.1), 0px 0px 3px rgba(0, 0, 0, 0.2);
    margin-bottom: 10px;
    -webkit-animation: fadein 2s;
    /* Safari, Chrome and Opera > 12.1 */
   
    -moz-animation: fadein 2s;
    /* Firefox < 16 */
   
    -ms-animation: fadein 2s;
    /* Internet Explorer */
   
    -o-animation: fadein 2s;
    /* Opera < 12.1 */
   
    animation: fadein 2s;
}

#preview .postbody .zmod_box td,
.postbody .zmod_box td,
div[class*='post--'] .postbody .zmod_box td,
.zmod_box td {
    border: 0px !important;
    color: #777 !important;
    text-shadow: 1px 1px 0px white;
}

#modernbb .icon-message:before {
    font-size: 30px;
}

#modernbb .zmod_box i {
    line-height: 1.1;
}

.icon-message:before {
    font-size: 44px;
    height: 60px;
    width: 60px;
    text-align: center;
    vertical-align: middle;
    display: block;
    border-radius: 100%;
    padding: 10px;
    border: 4px solid #777777;
    box-shadow: 1px 1px 2px #fff;
}

.icon-message {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Firefox < 16 */

@-moz-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Safari, Chrome and Opera > 12.1 */

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Internet Explorer */

@-ms-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Opera < 12.1 */

@-o-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.zmod_box div:first-child {
    width: 9%;
    min-width: 76px;
    vertical-align: middle !important;
    vertical-align: middle;
    display: inline-block;
    padding-right: 10px;
}
.zmod_box div:last-child {
    width: 86%;
    margin-left: 10px;
    vertical-align: middle;
    display: inline-block;
    max-width: 80%;
    font-size: 14px;
    line-height: 1.5;
}
.zmod_box i {
    line-height: 1.4;
}

/* Alert box */

#preview .postbody .zmod_box.zalert .icon-message:before,
.postbody .zmod_box.zalert .icon-message:before,
.zmod_box.zalert .icon-message:before {
    border-color: #fff;
    box-shadow: 1px 1px 2px #000;
}
#preview .postbody .zmod_box.zalert,
.postbody .zmod_box.zalert,
.zmod_box.zalert {
    background: #d03436;
    width: 100%;
    padding: 10px;
    border: 1px solid #820d0f !important;
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.1), 0px 0px 3px rgba(0, 0, 0, 0.2);
}
#preview .postbody .zmod_box.zalert td,
div[class*='post--'] .postbody .zmod_box.zalert td,
.zmod_box.zalert td,
.postbody .zmod_box.zalert td {
    border: 0px !important;
    color: #fff !important;
    text-shadow: 1px 1px 2px black;
}

/* Success box */

#preview .postbody .zmod_box.zsuccess .icon-message:before,
.postbody .zmod_box.zsuccess .icon-message:before,
.zmod_box.zsuccess .icon-message:before {
    border-color: #fff;
    box-shadow: 1px 1px 2px #000;
}
#preview .postbody .zmod_box.zsuccess,
.postbody .zmod_box.zsuccess,
.zmod_box.zsuccess {
    background: #7bb32d;
    width: 100%;
    padding: 10px;
    border: 1px solid #59861b !important;
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.1), 0px 0px 3px rgba(0, 0, 0, 0.2);
}
#preview .postbody .zmod_box.zsuccess td,
div[class*='post--'] .postbody .zmod_box.zsuccess td,
.zmod_box.zsuccess td,
.postbody .zmod_box.zsuccess td {
    border: 0px !important;
    color: #fff !important;
    text-shadow: 1px 1px 2px black;
}

/* Warning box */

#preview .postbody .zmod_box.zwarning .icon-message:before,
.postbody .zmod_box.zwarning .icon-message:before,
.zmod_box.zwarning .icon-message:before {
    border-color: #fff;
    box-shadow: 1px 1px 2px #000;
}
#preview .postbody .zmod_box.zwarning,
.postbody .zmod_box.zwarning,
.zmod_box.zwarning {
    background: #d09415;
    width: 100%;
    padding: 10px;
    border: 1px solid #845d0b !important;
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.1), 0px 0px 3px rgba(0, 0, 0, 0.2);
}
#preview .postbody .zmod_box.zwarning td,
div[class*='post--'] .postbody .zmod_box.zwarning td,
.postbody .zmod_box.zwarning td {
    border: 0px !important;
    color: #fff !important;
    text-shadow: 1px 1px 2px black;
}

/* Info box */

#preview .postbody .zmod_box.zinfo .icon-message:before,
.postbody .zmod_box.zinfo .icon-message:before,
.zmod_box.zinfo .icon-message:before {
    border-color: #fff;
    box-shadow: 1px 1px 2px #000;
}
#preview .postbody .zmod_box.zinfo,
.postbody .zmod_box.zinfo,
.zmod_box.zinfo {
    background: #15a8d0;
    width: 100%;
    padding: 10px;
    border: 1px solid #0e627a !important;
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.1), 0px 0px 3px rgba(0, 0, 0, 0.2);
}
#preview .postbody .zmod_box.zinfo td,
div[class*='post--'] .postbody .zmod_box.zinfo td,
.postbody .zmod_box.zinfo td {
    border: 0px !important;
    color: #fff !important;
    text-shadow: 1px 1px 2px black;
}


بعد اضافه الاكواد ستضهر ايقونه في صندوق الكتابة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

من خلالها يمكنكم استعمال الادوات

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

i_icon_mini_index



الموضوع الاصلي : كود css + JavaScript أدوات الاشراف أحلى منتدى   المصدر : منتديات ويب تونس
توقيع العضو: Mr Google


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

دمعه السعودية يعجبه هذا الموضوع

دمعه السعودية
دمعه السعودية
المشرف العام
وسام النشاط
وسام النشاط
كأس المنتدى
كأس المنتدى
الحضور الدائم
الحضور الدائم
الجنس : انثى
عدد المساهمات : 519
عدد النقاط : 1228
إنظم في: : 28/01/2024
Pink

كود css + JavaScript أدوات الاشراف أحلى منتدى Empty رد: كود css + JavaScript أدوات الاشراف أحلى منتدى

السبت 23 مارس 2024 - 0:24
شكرا على الكود الرائعة



الموضوع الاصلي : كود css + JavaScript أدوات الاشراف أحلى منتدى   المصدر : منتديات ويب تونس
توقيع العضو: دمعه السعودية


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
mahmoud gilany
mahmoud gilany
عضو جديد
عضو جديد
الحضور الدائم
الحضور الدائم
الجنس : ذكر
عدد المساهمات : 29
عدد النقاط : 63
إنظم في: : 30/10/2024
الموقع : امصر/القاهرة
black

كود css + JavaScript أدوات الاشراف أحلى منتدى Empty رد: كود css + JavaScript أدوات الاشراف أحلى منتدى

الأربعاء 30 أكتوبر 2024 - 3:31
شكرا لك جاري معاينة الكود
إن شاء الله فى إنتظار جديد إبداعاتكم
like_4926585

Mr Google و دمعه السعودية يعجبهم هذا الموضوع

Mr Google
Mr Google
إدارة المنتدى
وسام النشاط
وسام النشاط
الجنس : ذكر
عدد المساهمات : 989
عدد النقاط : 2839
إنظم في: : 26/01/2024
No

كود css + JavaScript أدوات الاشراف أحلى منتدى Empty رد: كود css + JavaScript أدوات الاشراف أحلى منتدى

الأربعاء 30 أكتوبر 2024 - 5:58
بالتوفيق ان شاء الله
شكرا لمرورك 



الموضوع الاصلي : كود css + JavaScript أدوات الاشراف أحلى منتدى   المصدر : منتديات ويب تونس
توقيع العضو: Mr Google


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

دمعه السعودية يعجبه هذا الموضوع

الرجوع الى أعلى الصفحة


SVG

تسجيل الدخول

يمكنك الدخول للمنتدى اذا كان لديك عضوية هنا للرد على الموضوع والمشاركة معنا

SVG

التسجيل بالمنتدى

للرد على الموضوع يمكنك التسجيل في المنتدى للتمتع بالمزايا الخاصة بالاعضاء

SVG

الاتصال بنا

في حال واجهتك مشكلة بالتسجيل او في المنتدى اتصل بنا لحل المشكلة

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