Demo:
Cho cái này vào cuối footer_end
Hiện tất cả các chỗ luôn
Cuối cùng cho vào CSS
Cho cái này vào cuối footer_end
Hiện tất cả các chỗ luôn
- 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=warning2][tr][td]','[/td][/tr][/table]');selectWysiwyg(this,'notes');return false\"><img src=\"http://i34.servimg.com/u/f34/15/64/85/86/error10.png\">Warning</button>
<button onclick=\"bbfontstyle('[table class=lock2][tr][td]','[/td][/tr][/table]');selectWysiwyg(this,'notes');return false\"><img src=\"http://i34.servimg.com/u/f34/15/64/85/86/lock10.png\">Lock</button>
<button onclick=\"bbfontstyle('[table class=yes2][tr][td]','[/td][/tr][/table]');selectWysiwyg(this,'notes');return false\"><img src=\"http://i34.servimg.com/u/f34/15/64/85/86/accept10.png\">Yes</button>
<button onclick=\"bbfontstyle('[table class=tag2][tr][td]','[/td][/tr][/table]');selectWysiwyg(this,'notes');return false\"><img src=\"http://i34.servimg.com/u/f34/15/64/85/86/link_a10.png\">Tag</button>
<button onclick=\"bbfontstyle('[table class=move2][tr][td]','[/td][/tr][/table]');selectWysiwyg(this,'notes');return false\"><img src=\"http://i34.servimg.com/u/f34/15/64/85/86/page_w10.png\">Move</button>
<button onclick=\"bbfontstyle('[table class=ban2][tr][td]','[/td][/tr][/table]');selectWysiwyg(this,'notes');return false\"><img src=\"http://i34.servimg.com/u/f34/15/64/85/86/set_se10.png\">Band</button>
<button onclick=\"bbfontstyle('[table class=tum2][tr][td]','[/td][/tr][/table]');selectWysiwyg(this,'notes');return false\"><img src=\"http://i34.servimg.com/u/f34/15/64/85/86/thumb_10.png\">Tum</button><hr>
<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>
<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>
<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']");
$(".noteclassic, .noteimportant, .notewarning, .notetip, .notehelp, .noteinfo, .notesuccess, .noteerror, .notevalidation, .notesuggest").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)"});$(".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)"})});
</script>
Cuối cùng cho vào CSS
- Code:
.warning2 {
-moz-box-shadow: 1px 1px 10px red;
-webkit-box-shadow: 1px 1px 10px red;
border-color: red;
box-shadow: 1px 1px 10px red;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1px solid;
margin: 10px auto;
padding: 15px 10px 15px 70px;
background-repeat: no-repeat;
background-position: 10px center;
width: 90%;
}
.warning2 {
color: red;
font-family: 'Lobster';
font-style: normal;
font-weight: normal;
font-size: 15px;
background-color: transparent;
background-image: url('http://i47.servimg.com/u/f47/16/97/26/79/error10.png');
}
.lock2 {
-moz-box-shadow: 1px 1px 10px blue;
-webkit-box-shadow: 1px 1px 10px blue;
border-color: blue;
box-shadow: 1px 1px 10px blue;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1px solid;
margin: 10px auto;
padding:15px 10px 15px 70px;
background-repeat: no-repeat;
background-position: 10px center;
width: 90%;
}
.lock2 {
color: blue;
font-family: 'Lobster';
font-style: normal;
font-weight: normal;
font-size: 15px;
background-color: transparent;
background-image: url('http://i47.servimg.com/u/f47/16/97/26/79/lock10.png');
}
.yes2 {
-moz-box-shadow: 1px 1px 10px green;
-webkit-box-shadow: 1px 1px 10px green;
border-color: green;
box-shadow: 1px 1px 10px green;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1px solid;
margin: 10px auto;
padding:15px 10px 15px 70px;
background-repeat: no-repeat;
background-position: 10px center;
width: 90%;
}
.yes2 {
color: green;
font-family: 'Lobster';
font-style: normal;
font-weight: normal;
font-size: 15px;
background-color: transparent;
background-image: url('http://i47.servimg.com/u/f47/16/97/26/79/accept11.png');
}
.tag2 {
-moz-box-shadow: 1px 1px 10px orange;
-webkit-box-shadow: 1px 1px 10px orange;
border-color: orange;
box-shadow: 1px 1px 10px orange;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1px solid;
margin: 10px auto;
padding:15px 10px 15px 70px;
background-repeat: no-repeat;
background-position: 10px center;
width: 90%;
}
.tag2 {
color: orange;
font-family: 'Lobster';
font-style: normal;
font-weight: normal;
font-size: 15px;
background-color: transparent;
background-image: url('http://i47.servimg.com/u/f47/16/97/26/79/link_a10.png');
}
.move2 {
-moz-box-shadow: 1px 1px 10px indigo;
-webkit-box-shadow: 1px 1px 10px indigo;
border-color: indigo;
box-shadow: 1px 1px 10px indigo;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1px solid;
margin: 10px auto;
padding:15px 10px 15px 70px;
background-repeat: no-repeat;
background-position: 10px center;
width: 90%;
}
.move2 {
color: indigo;
font-family: 'Lobster';
font-style: normal;
font-weight: normal;
font-size: 15px;
background-color: transparent;
background-image: url('http://i47.servimg.com/u/f47/16/97/26/79/page_w10.png');
}
.ban2 {
-moz-box-shadow: 1px 1px 10px #000;
-webkit-box-shadow: 1px 1px 10px #000;
border-color: #000;
box-shadow: 1px 1px 10px #000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1px solid;
margin: 10px auto;
padding:15px 10px 15px 70px;
background-repeat: no-repeat;
background-position: 10px center;
width: 90%;
}
.ban2 {
color: #000;
font-family: 'Lobster';
font-style: normal;
font-weight: normal;
font-size: 15px;
background-color: transparent;
background-image: url('http://i47.servimg.com/u/f47/16/97/26/79/set_se10.png');
}
.tum2 {
-moz-box-shadow: 1px 1px 10px brown;
-webkit-box-shadow: 1px 1px 10px brown;
border-color: brown;
box-shadow: 1px 1px 10px brown;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1px solid;
margin: 10px auto;
padding:15px 10px 15px 70px;
background-repeat: no-repeat;
background-position: 10px center;
width: 90%;
}
.tum2 {
color: brown;
font-family: 'Lobster';
font-style: normal;
font-weight: normal;
font-size: 15px;
background-color: transparent;
background-image: url('http://i47.servimg.com/u/f47/16/97/26/79/thumb_10.png');
}
Nguồn: cntt-k3 |