1
#1
Notes for your forum
Posted October 5th 2011, 3:47pm
Convert from WordPress http://wordpress.org/extend/plugins/wp-note/
Demo: ImageImage

Version 1:
Including the first five notes as you can see in the demo picture
Module >> Javascript codes management >> Create a new javascript >> Tick "In all the page" >> Save
$(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://illiweb.com/fa/wysiwyg/separator.png" style="vertical-align: middle;"> ").insertBefore("span#text_edit input.button2[value='Others']");$(".noteclassic, .noteimportant, .notewarning, .notetip, .notehelp").css({"box-shadow":"2px 2px 3px #999999","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)"})});


Version 2

Module >> Javascript codes management >> Create a new javascript >> Tick "In all the page" >> Save
var CopyrightNotice='Notes for your forum. Copyright ©  by PlanetZ. All Rights Reserved. Use, modification, and/or distribution of this script is not allowed without direct permission from Zero (robot_body2018@yahoo.com). This entire copyright notice must remain in the original, copied, or modified script';
$(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://illiweb.com/fa/wysiwyg/separator.png" style="vertical-align: middle;"> ").insertBefore("span#text_edit input.button2[value='Others']");$(".noteclassic, .noteimportant, .notewarning, .notetip, .notehelp, .noteinfo, .notesuccess, .noteerror, .notevalidation, .notesuggest").css({"box-shadow":"2px 2px 3px #999999","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)"});$(".noteinfo").css({"background-color":"#BDE5F8","background-image":"url(http://i48.servimg.com/u/f48/16/28/30/49/knob_i10.png)"});$(".notesuccess").css({"background-color":"#DFF2BF","background-image":"url(http://i48.servimg.com/u/f48/16/28/30/49/knob_v10.png)"});$(".noteerror").css({"background-color":"#FFBABA","background-image":"url(http://i48.servimg.com/u/f48/16/28/30/49/knob_r10.png)"});$(".notevalidation").css({"background-color":"#FFCCBA","background-image":"url(http://i48.servimg.com/u/f48/16/28/30/49/knob_c10.png)"});$(".notesuggest").css({"background-color":"#F1AF84","background-image":"url(http://i48.servimg.com/u/f48/16/28/30/49/knob_h10.png)"})});


Bonus: Adding effect for warning note and important note (work fine with punbb, if you want it to work with another board, change .post-entry Image )
Module >> Javascript codes management >> Create a new javascript >> Tick "In all the page" >> Save
var CopyrightNotice='Note effects. Copyright ©  by PlanetZ. All Rights Reserved. Use, modification, and/or distribution of this script is not allowed without direct permission from Zero (robot_body2018@yahoo.com). This entire copyright notice must remain in the original, copied, or modified script';
$(document).ready(function(){
setInterval(function(){$(".post-entry .notewarning").fadeOut(700).fadeIn(700);}, 5000);
setInterval(function(){$(".post-entry .noteimportant").animate({left:"+=5px"},40).animate({top:"+=5px"},40).animate({top:"-=10px"},40).animate({left:"-=10px"},40).animate({top:"+=5px"},40).animate({left:"+=5px"},40).animate({left:"+=5px"},40).animate({top:"+=5px"},40).animate({top:"-=10px"},40).animate({left:"-=10px"},40).animate({top:"+=5px"},40).animate({left:"+=5px"},40);}, 5000);
});


Written by Zero
φ
Posts: 209
Joined: September 10th 2011, 11:00pm
Location: SC, USA
Likes Given: 8
Likes Received: 8
Notes for your forum
Posted October 5th 2011, 8:25pm
This is a very nice feature. The only thing I am having issue with is that the text is appearing over the images.
φ
Posts: 59
Joined: September 7th 2011, 11:00pm
Location: Texas, United States
Likes Given: 51
Likes Received: 1
Notes for your forum
Posted October 5th 2011, 9:21pm
@slg: Can you provide me an image about your issuse ?
φ
Posts: 209
Joined: September 10th 2011, 11:00pm
Location: SC, USA
Likes Given: 8
Likes Received: 8
Notes for your forum
Posted October 6th 2011, 9:33am
Really amazing, this acts like a BBCODE
φ
Posts: 81
Joined: July 15th 2011, 11:00pm
Likes Received: 1
Notes for your forum
Posted October 6th 2011, 2:38pm
I figured our what was wrong.
φ
Posts: 59
Joined: September 7th 2011, 11:00pm
Location: Texas, United States
Likes Given: 51
Likes Received: 1
Notes for your forum
Posted October 15th 2011, 8:07am
What does that do?
φ
Posts: 22
Joined: October 14th 2011, 11:00pm
Notes for your forum
Posted October 15th 2011, 8:16am
wow really cool
φ
Posts: 71
Joined: October 14th 2011, 11:00pm
Location: CompuTalks
Likes Given: 1
Notes for your forum
Posted October 18th 2011, 2:00am
What is this ??
φ
Posts:
Avatar
Guest
Notes for your forum
Posted October 18th 2011, 2:13pm
@ion-cube: Idk lol Image
φ
Posts: 209
Joined: September 10th 2011, 11:00pm
Location: SC, USA
Likes Given: 8
Likes Received: 8
Notes for your forum
Posted October 18th 2011, 2:41pm
I really don't understand; ru replacing the default editor...
φ
Posts:
Avatar
Guest
Notes for your forum
Posted October 18th 2011, 3:39pm
No it adds a button to the editor, which supplys note boxes.
φ
Posts: 509
Joined: July 9th 2011, 11:00pm
Location: England
Likes Given: 15
Likes Received: 26
Notes for your forum
Posted October 18th 2011, 3:56pm
if someone has adopted this throw a URL, I wannna see this in action BEFORE adopting
φ
Posts:
Avatar
Guest
Notes for your forum
Posted October 18th 2011, 4:52pm
Does this work for all versions? If it doesn't it doesn't work with phpbb3. No icon shows.
φ
Posts: 35
Joined: September 3rd 2011, 11:00pm
Likes Received: 2
Notes for your forum
Posted October 18th 2011, 5:34pm
@MrMario: Yes it is. It will work if you turn off the A/a
@ion-cube: It adds a button to the editor as you can see in the images above (you're blind ?). If you don't trust it, please don't adopt it Image
φ
Posts: 209
Joined: September 10th 2011, 11:00pm
Location: SC, USA
Likes Given: 8
Likes Received: 8
Notes for your forum
Posted October 18th 2011, 5:59pm
I still don't have the icon. A/a isn't on since I'm on Chrome.
φ
Posts: 35
Joined: September 3rd 2011, 11:00pm
Likes Received: 2
Notes for your forum
Posted October 18th 2011, 6:01pm
Try using this Mario

$(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://illiweb.com/fa/wysiwyg/separator.png\" style=\"vertical-align: middle;\"> ").append("#text_edit");$(".noteclassic, .noteimportant, .notewarning, .notetip, .notehelp").css({"box-shadow":"2px 2px 3px #999999","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)"})});
φ
Posts: 509
Joined: July 9th 2011, 11:00pm
Location: England
Likes Given: 15
Likes Received: 26
Notes for your forum
Posted October 18th 2011, 6:09pm
Nope doesn't show still. Looked with FireFox and nothing. LGforum wanna look at the test forum and try?
φ
Posts: 35
Joined: September 3rd 2011, 11:00pm
Likes Received: 2
Notes for your forum
Posted October 18th 2011, 7:06pm
@MrMario: I didn't test it with phpbb3 yet. But i think it should work on phpbb3. Do you have the Other button in the text editor ? May I look at your test forum :D
φ
Posts: 209
Joined: September 10th 2011, 11:00pm
Location: SC, USA
Likes Given: 8
Likes Received: 8
Notes for your forum
Posted October 18th 2011, 7:28pm
Its all sorted for MrMario now.
...i edited the script more to my liking.

Having the on seperate lines terminates the string. A string needs to be unbroken on one line.
And i think just copying it from here, puts them on seperate lines.

I also moved all the CSS to the actual system CSS, speeding things up.
φ
Posts: 509
Joined: July 9th 2011, 11:00pm
Location: England
Likes Given: 15
Likes Received: 26
Notes for your forum
Posted October 18th 2011, 7:34pm
@Zero if you send me a PM I an send you my test forum url.
φ
Posts: 35
Joined: September 3rd 2011, 11:00pm
Likes Received: 2

Who is online

Users browsing this forum: No registered users and 1 guest