Demo:
Cách Làm:
Bước 1: Chèn Code Sau Vào CSS:
Bước 2: Vào Modules > HTML & JAVASCRIPT > Javascript codes management > Create a new javascript
Title * : BBcode notes
Placement : In all the pages
Javascript Code * :
Nguồn: chinhphuc
Cách Làm:
Bước 1: Chèn Code Sau Vào CSS:
- Code:
.classic,.important,.warning,.tip,.help,.info,.success,.error,.validation,.suggest{width:95%;border-radius:10px 10px;-moz-border-radius:10px 10px;-webkit-border-radius:20px 20px;-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}
.classic{background-color:#EEF;background-image:url(http://i20.servimg.com/u/f20/14/50/49/34/note10.png)}
.important{background-color:#FFC;background-image:url(http://i20.servimg.com/u/f20/14/50/49/34/import10.png)}
.warning{background-color:#FDD;background-image:url(http://i20.servimg.com/u/f20/14/50/49/34/warnin10.png)}
.tip{background-color:#E4F6F8;background-image:url(http://i20.servimg.com/u/f20/14/50/49/34/tip10.png)}
.help{background-color:#D8F3C9;background-image:url(http://i20.servimg.com/u/f20/14/50/49/34/help10.png)}
.info{background-color:#BDE5F8;background-image:url(http://i48.servimg.com/u/f48/16/28/30/49/knob_i10.png)}
.success{background-color:#DFF2BF;background-image:url(http://i48.servimg.com/u/f48/16/28/30/49/knob_v10.png)}
.error{background-color:#FFBABA;background-image:url(http://i48.servimg.com/u/f48/16/28/30/49/knob_r10.png)}
.validation{background-color:#FFCCBA;background-image:url(http://i48.servimg.com/u/f48/16/28/30/49/knob_c10.png)}
.suggest{background-color:#F1AF84;background-image:url(http://i48.servimg.com/u/f48/16/28/30/49/knob_h10.png)}
Bước 2: Vào Modules > HTML & JAVASCRIPT > Javascript codes management > Create a new javascript
Title * : BBcode notes
Placement : In all the pages
Javascript Code * :
- Code:
$(document).on('ready', function () {
$('<a class= "sceditor-button bbcode-classic" title= "Classic Note"><div style="background-image:url(http://i57.servimg.com/u/f57/16/18/15/10/classi10.png)">Classic Note</div></a>').insertAfter('.sceditor-button-fahide').click(function(){
$('#text_editor_textarea').sceditor('instance').insert('[table class= classic style= width:820px;border:1px solid #999999;background-color:#EEF][tr][td]','[/td][/tr][/table]');
return false;
});
$('<a class="sceditor-button bbcode-tip" title="Tip Note"><div style="background-image:url(http://i57.servimg.com/u/f57/16/18/15/10/tip10.png)">Tip Note</div></a>').insertAfter('.bbcode-classic').click(function(){
$('#text_editor_textarea').sceditor("instance").insert('[table class=tip style= width:820px;border:1px solid #999999;background-color:#E4F6F8][tr][td]','[/td][/tr][/table]');
return false;
});
$('<a class="sceditor-button bbcode-warning" title="Warning Note"><div style="background-image:url(http://i57.servimg.com/u/f57/16/18/15/10/warnni10.png)">Warning Note</div></a>').insertAfter('.bbcode-tip').click(function(){
$('#text_editor_textarea').sceditor("instance").insert('[table class=warning style= width:820px;border:1px solid #999999;background-color:#FDD][tr][td]','[/td][/tr][/table]');
return false;
});
$('<a class="sceditor-button bbcode-important" title="Important Note"><div style="background-image:url(http://i57.servimg.com/u/f57/16/18/15/10/import10.png)">Important Note</div></a>').insertAfter('.bbcode-warning').click(function(){
$('#text_editor_textarea').sceditor("instance").insert('[table class=important style= width:820px;border:1px solid #999999;background-color: #FFC][tr][td]','[/td][/tr][/table]');
return false;
});
$('<a class="sceditor-button bbcode-help" title="Help Note"><div style="background-image:url(http://i57.servimg.com/u/f57/16/18/15/10/help10.png)">Help Note</div></a>').insertAfter('.bbcode-important').click(function(){
$('#text_editor_textarea').sceditor("instance").insert('[table class=help style= width:820px;border:1px solid #999999;background-color:#D8F3C9][tr][td]','[/td][/tr][/table]');
return false;
});
$('<a class="sceditor-button bbcode-info" title="Info Note"><div style="background-image:url(http://i57.servimg.com/u/f57/16/18/15/10/info11.png)">Info Note</div></a>').insertAfter('.bbcode-important').click(function(){
$('#text_editor_textarea').sceditor("instance").insert('[table class=info style= width:820px;border:1px solid #999999;background-color:#BDE5F8][tr][td]','[/td][/tr][/table]');
return false;
});
$('<a class="sceditor-button bbcode-success" title="Success Note"><div style="background-image:url(http://i57.servimg.com/u/f57/16/18/15/10/succes10.png)">Success Note</div></a>').insertAfter('.bbcode-important').click(function(){
$('#text_editor_textarea').sceditor("instance").insert('[table class=success style= width:820px;border:1px solid #999999;background-color:#DFF2BF][tr][td]','[/td][/tr][/table]');
return false;
});
$('<a class="sceditor-button bbcode-error" title="Error Note"><div style="background-image:url(http://i57.servimg.com/u/f57/16/18/15/10/error10.png)">Error Note</div></a>').insertAfter('.bbcode-important').click(function(){
$('#text_editor_textarea').sceditor("instance").insert('[table class=error style= width:820px;border:1px solid #999999;background-color:#FFBABA][tr][td]','[/td][/tr][/table]');
return false;
});
$('<a class="sceditor-button bbcode-validation" title="Validation Note"><div style="background-image:url(http://i57.servimg.com/u/f57/16/18/15/10/valida10.png)">Validation Note</div></a>').insertAfter('.bbcode-important').click(function(){
$('#text_editor_textarea').sceditor("instance").insert('[table class=validation style= width:820px;border:1px solid #999999;background-color:#FFCCBA][tr][td]','[/td][/tr][/table]');
return false;
});
$('<a class="sceditor-button bbcode-suggest" title="Suggest Note"><div style="background-image:url(http://i57.servimg.com/u/f57/16/18/15/10/sugges10.png)">Suggest Note</div></a>').insertAfter('.bbcode-important').click(function(){
$('#text_editor_textarea').sceditor("instance").insert('[table class=suggest style= width:820px;border:1px solid #999999;background-color:#F1AF84][tr][td]','[/td][/tr][/table]');
return false;
});
});
Nguồn: chinhphuc