[FMvi-Group] BBcode Notes cho mọi phiên bản Forumotion

[baivong]

Ghi chú: BBcode notes được phát triển dựa trên plugin WP-Note cho Wordpress của tác giả Luke : [You must be registered and logged in to see this link.] 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: [You must be registered and logged in to see this link.]
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 * : [You must be registered and logged in to see this link.]

Viết bởi baivong - [You must be registered and logged in to see this link.]

[Mr.Anonymous]

Mở hàng bài viết . Cái này tiện nhất ở chỗ ở ngay trên Menu viết bài . Khỏi mất công nhớ . Votes .

[cungtenno1]

không được bạn oi, nó ko hiện

[handsomevip007]

Đỡ dc một nùi CSS

[badboy10a8]

có cách nào để chỉ có ban quản trị làm notes được ko bạn ?
chứ để mem cũng làm được thấy sao sao ý

[kalenv]

Đỡ dc một nùi CSS

bạn chẳng hiểu tác dụng của CSS rồi

[baivong]

Đỡ dc một nùi CSS

CSS vẫn xài đấy, là dùng script để đưa vào.

bạn chẳng hiểu tác dụng của CSS rồi

Câu này chắc không đúng nghĩa nhỉ

[baivong]

có cách nào để chỉ có ban quản trị làm notes được ko bạn ?
chứ để mem cũng làm được thấy sao sao ý

Đưa script vào widget rồi phân quyền cho ban bản trị

[badboy10a8]

có cách nào để chỉ có ban quản trị làm notes được ko bạn ?
chứ để mem cũng làm được thấy sao sao ý

Đưa script vào widget rồi phân quyền cho ban bản trị

hướng dẫn cụ thể được ko bạn !? mình ko biết làm như thế nào hết

[handsomevip007]

Đỡ dc một nùi CSS

bạn chẳng hiểu tác dụng của CSS rồi

Mình bảo cái CSS Stylesheet ấy :T

[notme]

không được bạn oi, nó ko hiện

bạn có thể chèn code này dưới footer

Code:

<script type="text/javascript">

$(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)"})});
</script>

[kalenv]

code này chọn selector theo class sau đó dùng .css() để thêm trực tiếp style vào selector, không gọi style từ CSS thông qua class.

cá nhân mình nghĩ là dùng CSS của forum hay hơn nên "bớt đi 1 nùi CSS" với mình thì cũng là "thêm 1 nùi script".
còn việc dùng 1 đoạn script thay cho 1 đoạn CSS chắc là do sở thích nên mình không ý kiến chỉ ý kiến câu trên thôi.

[cungtenno1]

không được bạn oi, nó ko hiện

bạn có thể chèn code này dưới footer

Code:

<script type="text/javascript">

$(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></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)"})});
</script>

thank dc roi

[baivong]

code này dò theo class sau đó dùng .css() để thêm trực tiếp style vào selector, không gọi style từ CSS thông qua class.
còn việc dùng 1 đoạn script thay cho 1 đoạn CSS chắc là do sở thích

Một phần là do sở thích, 1 phần là không muốn ghi nhiều và tránh cái câu: "CSS ở chỗ nào"

[cungtenno1]

có cách nào để chỉ có ban quản trị làm notes được ko bạn ?
chứ để mem cũng làm được thấy sao sao ý

Đưa script vào widget rồi phân quyền cho ban bản trị

Cho hỏi đặt widet và cách phân quyền thế nào vậy chỉ mình với - nó hiện cả cái lastopic nè

[blogkien]

Chả hỉu gì hết, làm sao cho nó hiện lên trong bảng BBcode vậy?

[[D]arkS]

ko hiện nút nhưng có tác dụng khi xài

[Neko_chan]

*gào*
TUYỆT QUÁ TRỜI ƠIIIIIIIIIIIIIII~~~~~~~~~~~~~~~~~~~ [You must be registered and logged in to see this image.]
GIẾT TÔI ĐI GIẾT TÔI ĐI GIẾT TÔI ĐI [You must be registered and logged in to see this image.]
ÁHHHHHHHHHHHHHHHHHHHHHHH
CẢM ƠN NHIỀU!!!!!!!!!!!!!!

Mà phải tắt thẻ a/A đi mới thấy được :">

[baivong]

ko hiện nút nhưng có tác dụng khi xài

Tắt WYSIWYG (Nút a/A màu trắng)

[Teeñ]

vote rất hay

[super_cv]

tại sao khi gửi bài nhấn xem trước thì hiện, nhưng khi nhấn nút gửi bài lại ko hiện lên bài viết

[baivong]

tại sao khi gửi bài nhấn xem trước thì hiện, nhưng khi nhấn nút gửi bài lại ko hiện lên bài viết

Bạn có làm đúng hướng dẫn không đấy?
Đưa demo xem thử nào!

[super_cv]

[You must be registered and logged in to see this link.]

[baivong]

[You must be registered and logged in to see this link.]

Đưa acc test thử?
ah, phần script trong footer bạn nên chèn trước thẻ </body></html>

[Neko_chan]

Hm, đại ca, bỏ được mấy cái icon đó đi cho em được không [You must be registered and logged in to see this image.]
chỉ để khung thôi cho đẹp[You must be registered and logged in to see this image.]
Chứ viết dài cái hình ở giữa không được đệp cho lắm[You must be registered and logged in to see this image.]

[baivong]

Có thể tìm link ảnh trong code và xóa đi, sửa lại thông số padding là được, nó cũng giống css thôi mà

[Neko_chan]

Umh, em nghĩ bỏ mấy cái hình sẽ hay hơn ấy
bbcode của fm vốn ít =v=, cái nì hay nhưng ít dùng được =v=
btw, thanks nhé
Nếu ko làm được em sẽ chạy qua hỏi

*tung tăng*

------------------

Không làm được thật đại ca à [You must be registered and logged in to see this image.]

Bỏ được cái hình thì cũng mất cả màu

mà mớ đó cứ y như thần chú bí hiểm nào ấy

giúp em nhé, giúp em nhé [You must be registered and logged in to see this image.]

*ôm chân khóc lóc*

thay mí cái classnote, notehepl = red, green... giùm em nha...

[super_cv]

Hm, đại ca, bỏ được mấy cái icon đó đi cho em được không [You must be registered and logged in to see this image.]
chỉ để khung thôi cho đẹp[You must be registered and logged in to see this image.]
Chứ viết dài cái hình ở giữa không được đệp cho lắm[You must be registered and logged in to see this image.]

ko phải bạn ak mình test forum khác thì được nhưng riêng cái đó thì ko, chả hiểu sao
nick test ID thangio pass gio123

[baivong]

Bạn chèn code vào overall_header, trước </head>

[badboy10a8]

không được bạn oi, nó ko hiện

bạn có thể chèn code này dưới footer

Code:

<script type="text/javascript">

$(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></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)"})});
</script>

đã làm được, thanks rất nhiều, nhưng làm sao để phân quyền cho widget mà chỉ ban quản trị mới sử dụng được vậy bạn ?

[Sponsored content]