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

الثلاثاء مارس 12, 2024 10:31 pm

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

كود جافا

الكود:: /** * 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>'); }); });

اضف كود جديد و اجعله في جميع الصفحات
العنوان ادوات الاشراف

كود 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; }