kẻ đương thời Cấp bậc : Ưu tú
Giới tính :
Bài viết : 665
Danh vọng : 1151
Uy tín : 42
BBcode Notes 1 Ghi chú :
BBcode notes được
Việt K phát triển dựa trên plugin WP-Note cho Wordpress của tác giả Luke:
Luke và bây giờ, được
baivong chuyển sang script để sử dụng cho mọi phiên bản của Forumotion.
Code giúp tạo ra một ghi chú nổi bật trong bài viết, dựa vào
BBcode table.
Demo :
Hướng dẫn :
ACP - Modules - HTML & JAVASCRIPT - Javascript codes management - Create a new javascript :
Title * : BBcode Notes Placement : In all the pages Javascript Code * : Code: $(function () { $("<div style=\"display:inline!important\" id=\"text_editor_select_controls\"><div style=\"visibility:hidden\" class=\"select\" id=\"notes\"><button onclick=\"bbfontstyle('[table class=noteclassic][tr][td]','[/td][/tr][/table]');selectWysiwyg(this,'notes');return false\"><img src=\"/users/2611/10/63/87/album/note10.png\">Classic note</button><br /><button onclick=\"bbfontstyle('[table class=notetip][tr][td]','[/td][/tr][/table]');selectWysiwyg(this,'notes');return false\"><img src=\"/users/2611/10/63/87/album/tip10.png\">Tip note</button><br /><button onclick=\"bbfontstyle('[table class=notewarning][tr][td]','[/td][/tr][/table]');selectWysiwyg(this,'notes');return false\"><img src=\"/users/2611/10/63/87/album/warn10.png\">Warning note</button><br /><button onclick=\"bbfontstyle('[table class=noteimportant][tr][td]','[/td][/tr][/table]');selectWysiwyg(this,'notes');return false\"><img src=\"/users/2611/10/63/87/album/imp10.png\">Important note</button><br /><button onclick=\"bbfontstyle('[table class=notehelp][tr][td]','[/td][/tr][/table]');selectWysiwyg(this,'notes');return false\"><img src=\"/users/2611/10/63/87/album/help10.png\">Help note</button></div></div><button class=\"button2\" onclick=\"selectWysiwyg(this,'notes')\" onmouseover=\"helpline('BBcode notes')\" type=\"button\"><img src=\"/users/2611/10/63/87/album/inote10.gif\" /></button> <img src=\"http://2img.net/i/fa/wysiwyg/separator.png\" style=\"vertical-align: middle;\"> ").insertBefore("span#text_edit input.button2[value='Others']"); $(".noteclassic, .noteimportant, .notewarning, .notetip, .notehelp").css({ "width": "95%", "border-radius": "10px 10px", "-moz-border-radius": "10px 10px", "-webkit-border-radius": "10px 10px", "padding": "25px 20px 15px 80px", "margin": "10px 0px 15px 5px", "-webkit-box-shadow": "2px 2px 3px #999", "-moz-box-shadow": "2px 2px 3px #999", "min-height": "40px", "height": "auto !important", "height": "40px", "overflow": "visible", "position": "relative", "top": "6px", "left": "5px", "border": "1px solid #999999", "background-position": "20px 50%", "background-repeat": "no-repeat", "text-align": "justify" }); $(".noteclassic").css({ "background-color": "#EEF", "background-image": "url(http://i20.servimg.com/u/f20/14/50/49/34/note10.png)" }); $(".noteimportant").css({ "background-color": "#FFC", "background-image": "url(http://i20.servimg.com/u/f20/14/50/49/34/import10.png)" }); $(".notewarning").css({ "background-color": "#FDD", "background-image": "url(http://i20.servimg.com/u/f20/14/50/49/34/warnin10.png)" }); $(".notetip").css({ "background-color": "#E4F6F8", "background-image": "url(http://i20.servimg.com/u/f20/14/50/49/34/tip10.png)" }); $(".notehelp").css({ "background-color": "#D8F3C9", "background-image": "url(http://i20.servimg.com/u/f20/14/50/49/34/help10.png)" }) });
kẻ đương thời Cấp bậc : Ưu tú
Giới tính :
Bài viết : 665
Danh vọng : 1151
Uy tín : 42
BBcode Notes 2 Chú ý: Đọc bài BBcode notes 2 để trước khi cài đặt. Đối với những ai đã cài từ bài đó rồi thì chỉ cần thay thế cái code đang dùng bằng cái code bên dưới là xong.
Demo: Tính năng vượt trội: Thêm 5 bảng note vào và thêm bổ sung những icon còn thiếu
Hướng dẫn: Bước 1 : ACP - Display - Pictures and Colors - Colors - CSS Stylesheet: Code: /* Notes ver2 www.fmvi.vn */ .noteclassic,.noteimportant,.notewarning,.notetip,.notehelp,.noteinfo,.notesuccess,.noteerror,.notevalidation,.notesuggest{width:95%;border-radius:10px 10px;-moz-border-radius:10px 10px;-webkit-border-radius:10px 10px;-webkit-box-shadow:2px 2px 3px #999;-moz-box-shadow:2px 2px 3px #999;min-height:40px;height:40px;overflow:visible;position:relative;top:6px;left:5px;border:1px solid #999999;background-position:20px 50%;background-repeat:no-repeat;text-align:justify;margin:10px 0px 15px 5px;padding:25px 20px 15px 80px} .noteclassic{background-color:#EEF;background-image:url(http://i20.servimg.com/u/f20/14/50/49/34/note10.png)} .noteimportant{background-color:#FFC;background-image:url(http://i20.servimg.com/u/f20/14/50/49/34/import10.png)} .notewarning{background-color:#FDD;background-image:url(http://i20.servimg.com/u/f20/14/50/49/34/warnin10.png)} .notetip{background-color:#E4F6F8;background-image:url(http://i20.servimg.com/u/f20/14/50/49/34/tip10.png)} .notehelp{background-color:#D8F3C9;background-image:url(http://i20.servimg.com/u/f20/14/50/49/34/help10.png)} .noteinfo{background-color:#BDE5F8;background-image:url(http://i48.servimg.com/u/f48/16/28/30/49/knob_i10.png)} .notesuccess{background-color:#DFF2BF;background-image:url(http://i48.servimg.com/u/f48/16/28/30/49/knob_v10.png)} .noteerror{background-color:#FFBABA;background-image:url(http://i48.servimg.com/u/f48/16/28/30/49/knob_r10.png)} .notevalidation{background-color:#FFCCBA;background-image:url(http://i48.servimg.com/u/f48/16/28/30/49/knob_c10.png)} .notesuggest{background-color:#F1AF84;background-image:url(http://i48.servimg.com/u/f48/16/28/30/49/knob_h10.png)}
Bước 2 : ACP - Modules - HTML & JAVASCRIPT - Javascript codes management - Create a new javascriptTitle * :
BBcode Notes ver2
Placement : In all the pages
Javascript Code * :
Code: $(function () { $("<div style=\"display:inline!important\" id=\"text_editor_select_controls\"><div style=\"visibility:hidden\" class=\"select\" id=\"notes\"><button onclick=\"bbfontstyle('[table class=noteclassic][tr][td]','[/td][/tr][/table]');selectWysiwyg(this,'notes');return false\"><img src=\"/users/2611/10/63/87/album/note10.png\">Classic note</button><button onclick=\"bbfontstyle('[table class=notetip][tr][td]','[/td][/tr][/table]');selectWysiwyg(this,'notes');return false\"><img src=\"/users/2611/10/63/87/album/tip10.png\">Tip note</button><button onclick=\"bbfontstyle('[table class=notewarning][tr][td]','[/td][/tr][/table]');selectWysiwyg(this,'notes');return false\"><img src=\"/users/2611/10/63/87/album/warn10.png\">Warning note</button><button onclick=\"bbfontstyle('[table class=noteimportant][tr][td]','[/td][/tr][/table]');selectWysiwyg(this,'notes');return false\"><img src=\"/users/2611/10/63/87/album/imp10.png\">Important note</button><button onclick=\"bbfontstyle('[table class=notehelp][tr][td]','[/td][/tr][/table]');selectWysiwyg(this,'notes');return false\"><img src=\"/users/2611/10/63/87/album/help10.png\">Help note</button><hr><button onclick=\"bbfontstyle('[table class=noteinfo][tr][td]','[/td][/tr][/table]');selectWysiwyg(this,'notes');return false\"><img src=\"http://i48.servimg.com/u/f48/16/28/30/49/rsz_2k11.png\">Info note</button><button onclick=\"bbfontstyle('[table class=notesuccess][tr][td]','[/td][/tr][/table]');selectWysiwyg(this,'notes');return false\"><img src=\"http://i48.servimg.com/u/f48/16/28/30/49/rsz_2k13.png\">Success note</button><button onclick=\"bbfontstyle('[table class=noteerror][tr][td]','[/td][/tr][/table]');selectWysiwyg(this,'notes');return false\"><img src=\"http://i48.servimg.com/u/f48/16/28/30/49/rsz_2k12.png\">Error note</button><button onclick=\"bbfontstyle('[table class=notevalidation][tr][td]','[/td][/tr][/table]');selectWysiwyg(this,'notes');return false\"><img src=\"http://i48.servimg.com/u/f48/16/28/30/49/rsz_kn10.png\">Validation note</button><button onclick=\"bbfontstyle('[table class=notesuggest][tr][td]','[/td][/tr][/table]');selectWysiwyg(this,'notes');return false\"><img src=\"http://i48.servimg.com/u/f48/16/28/30/49/rsz_2k10.png\">Suggest note</button></div></div><button class=\"button2\" onclick=\"selectWysiwyg(this,'notes')\" onmouseover=\"helpline('BBcode notes')\" type=\"button\"><img src=\"/users/2611/10/63/87/album/inote10.gif\" /></button> <img src=\"http://2img.net/i/fa/wysiwyg/separator.png\" style=\"vertical-align: middle;\">").insertBefore("span#text_edit input.button2[value='Others']"); });
Thông điệp [Trang 1 trong tổng số 1 trang]
Bạn không có quyền trả lời bài viết