Tình hình là thế này mình có đoạn code mẫu của thằng bạn nó đưa cho để thêm cái toolbar trong công cụ viết bài là cái khung Notes ấy:

Mẫu code:

Code:

<style>/*Note*/
.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);background-repeat:no-repeat}
.noteimportant{background-color:#FFC;background-image:url(http://i20.servimg.com/u/f20/14/50/49/34/import10.png);background-repeat:no-repeat}
.notewarning{background-color:#FDD;background-image:url(http://i20.servimg.com/u/f20/14/50/49/34/warnin10.png);background-repeat:no-repeat}
.notetip{background-color:#E4F6F8;background-image:url(http://i20.servimg.com/u/f20/14/50/49/34/tip10.png);background-repeat:no-repeat}
.notehelp{background-color:#D8F3C9;background-image:url(http://i20.servimg.com/u/f20/14/50/49/34/help10.png);background-repeat:no-repeat}
.noteinfo{background-color:#BDE5F8;background-image:url(http://i48.servimg.com/u/f48/16/28/30/49/knob_i10.png);background-repeat:no-repeat}
.notesuccess{background-color:#DFF2BF;background-image:url(http://i48.servimg.com/u/f48/16/28/30/49/knob_v10.png);background-repeat:no-repeat}
.noteerror{background-color:#FFBABA;background-image:url(http://i48.servimg.com/u/f48/16/28/30/49/knob_r10.png);background-repeat:no-repeat}
.notevalidation{background-color:#FFCCBA;background-image:url(http://i48.servimg.com/u/f48/16/28/30/49/knob_c10.png);background-repeat:no-repeat}
.notesuggest{background-color:#F1AF84;background-image:url(http://i48.servimg.com/u/f48/16/28/30/49/knob_h10.png);background-repeat:no-repeat}
#hienr a {padding-left:10px;}#hienr {height:150px;overflow:scroll;background:#fff;width:150px;display:none;position:absolute;}
</style>


<script type="text/javascript">$(function(){$(".toolbar").prepend("<img title=\"BBnote\" id=\"clickd\" src=\"http://12b6.forum-viet.com/users/2611/10/63/87/album/inote10.gif\"  class=\"button\" onmouseover=\"overIcon(this)\" onmouseout=\"outIcon(this)\"/> <img src=\"http://12b6.eazy.vn/images/editor/seperator.gif\"/> ");$("#clickd").after("<div id=\"hienr\"><a title=\"Classic\" onclick=\"comm._HTML(\'[note=noteclassic]\',\'[/note]\');\" href=\"javascript:void(0);\"><img src=\"http://12b6.forum-viet.com/users/2611/10/63/87/album/note10.png\">Classic note</a><br/><a title=\"Tip\" onclick=\"comm._HTML(\'[note=notetip]\',\'[/note]\');\" href=\"javascript:void(0);\"><img src=\"http://12b6.forum-viet.com//users/2611/10/63/87/album/tip10.png\">Tip note</a><br/><a title=\"Warning\" onclick=\"comm._HTML(\'[note=notewarning]\',\'[/note]\');\" href=\"javascript:void(0);\"><img src=\"http://12b6.forum-viet.com/users/2611/10/63/87/album/warn10.png\">Warning note</a><br/><a title=\"Important\" onclick=\"comm._HTML(\'[note=noteimportant]\',\'[/note]\');\" href=\"javascript:void(0);\"><img src=\"http://12b6.forum-viet.com/users/2611/10/63/87/album/imp10.png\">Important note</a><br/><a title=\"Help\" onclick=\"comm._HTML(\'[note=notehelp]\',\'[/note]\');\" href=\"javascript:void(0);\"><img src=\"http://12b6.forum-viet.com/users/2611/10/63/87/album/help10.png\">Help note</a><br/><a title=\"Info\" onclick=\"comm._HTML(\'[note=noteinfo]\',\'[/note]\');\" href=\"javascript:void(0);\"><img src=\"http://i48.servimg.com/u/f48/16/28/30/49/rsz_2k11.png\">Info note</a><br/><a title=\"Success\" onclick=\"comm._HTML(\'[note=notesuccess]\',\'[/note]\');\" href=\"javascript:void(0);\"><img src=\"http://i48.servimg.com/u/f48/16/28/30/49/rsz_2k13.png\">Success note</a><br/><a title=\"Error\" onclick=\"comm._HTML(\'[note=noteerror]\',\'[/note]\');\" href=\"javascript:void(0);\"><img src=\"http://i48.servimg.com/u/f48/16/28/30/49/rsz_2k12.png\">Error note</a><br/><a title=\"Validation\" onclick=\"comm._HTML(\'[note=notevalidation]\',\'[/note]\');\" href=\"javascript:void(0);\"><img src=\"http://i48.servimg.com/u/f48/16/28/30/49/rsz_kn10.png\">Validation note</a><br/><a title=\"Suggest\" onclick=\"comm._HTML(\'[note=notesuggest]\',\'[/note]\');\" href=\"javascript:void(0);\"><img src=\"http://i48.servimg.com/u/f48/16/28/30/49/rsz_2k10.png\">Suggest note</a></div>");$("#clickd").click(function(){$("#hienr").toggle();});$("#tatd").click(function(){$("#hienr").toggle();});$("#hienr a").click(function(){$(this).parent().hide();});});</script>

Bạn em nói đem về mún hiện công cụ gì thì làm như sau:

Code:

$(function(){$(".toolbar").prepend("//html");});


trong thẻ html phải có:

Code:

<img title=\"BBnote\" id=\"clickd\" src=\"http://12b6.forum-viet.com/users/2611/10/63/87/album/inote10.gif%5c"  class=\"button\" onmouseover=\"overIcon(this)\" onmouseout=\"outIcon(this)\"/>

để hiện thanh công cụ này

Bây h em mún làm cái Notes [You must be registered and logged in to see this link.] như thế này thì phải làm sao chèn thêm vào trong code đó để nó hiện lun hay tạo 1 code mới tg? tự như thế

Pro nào giúp e chèn cái Note trong topic trên vào với

Nếu thay code trên được bằng code trong topic [You must be registered and logged in to see this link.] thì thay như thế nào chỉ giúp e cách thay với

bạn để ý nhá :

Code:

<button onclick=\"bbfontstyle('[table class=Mail][tr][td]','[/td][/tr][/table]');selectWysiwyg(this,'notes');return false\"><img src=\"http://png-4.findicons.com/files/icons/42/basic/16/letter.png\">Mail</button>

trong đó có : class=Mail
đó là thẻ class để hiển thị
css có

Code:

 .Mail {
    -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%; 
}
.Mail {
    -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%; 
}
.Mail {
    color: Black;
    font-family: 'Lobster';
    font-style: normal;
    font-weight: normal; 
    font-size: 15px; 
    background-color: #FA7878;
    background-image: url('http://png-3.findicons.com/files/icons/1676/primo/48/email_open.png');
}

bạn chỉ việc thay link ảnh
thay thẻ class
và thay code css khác là dc

Bư đã viết:bạn để ý nhá :

Code:

<button onclick=\"bbfontstyle('[table class=Mail][tr][td]','[/td][/tr][/table]');selectWysiwyg(this,'notes');return false\"><img src=\"http://png-4.findicons.com/files/icons/42/basic/16/letter.png\">Mail</button>

trong đó có : class=Mail
đó là thẻ class để hiển thị
css có

Code:

 .Mail {
    -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%; 
}
.Mail {
    -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%; 
}
.Mail {
    color: Black;
    font-family: 'Lobster';
    font-style: normal;
    font-weight: normal; 
    font-size: 15px; 
    background-color: #FA7878;
    background-image: url('http://png-3.findicons.com/files/icons/1676/primo/48/email_open.png');
}

bạn chỉ việc thay link ảnh
thay thẻ class
và thay code css khác là dc

a có thể edit giúp e cái note ver 3.0 đó

thành cái JS và CSS sau được ko

Code:

<style>/*Note*/
.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);background-repeat:no-repeat}
.noteimportant{background-color:#FFC;background-image:url(http://i20.servimg.com/u/f20/14/50/49/34/import10.png);background-repeat:no-repeat}
.notewarning{background-color:#FDD;background-image:url(http://i20.servimg.com/u/f20/14/50/49/34/warnin10.png);background-repeat:no-repeat}
.notetip{background-color:#E4F6F8;background-image:url(http://i20.servimg.com/u/f20/14/50/49/34/tip10.png);background-repeat:no-repeat}
.notehelp{background-color:#D8F3C9;background-image:url(http://i20.servimg.com/u/f20/14/50/49/34/help10.png);background-repeat:no-repeat}
.noteinfo{background-color:#BDE5F8;background-image:url(http://i48.servimg.com/u/f48/16/28/30/49/knob_i10.png);background-repeat:no-repeat}
.notesuccess{background-color:#DFF2BF;background-image:url(http://i48.servimg.com/u/f48/16/28/30/49/knob_v10.png);background-repeat:no-repeat}
.noteerror{background-color:#FFBABA;background-image:url(http://i48.servimg.com/u/f48/16/28/30/49/knob_r10.png);background-repeat:no-repeat}
.notevalidation{background-color:#FFCCBA;background-image:url(http://i48.servimg.com/u/f48/16/28/30/49/knob_c10.png);background-repeat:no-repeat}
.notesuggest{background-color:#F1AF84;background-image:url(http://i48.servimg.com/u/f48/16/28/30/49/knob_h10.png);background-repeat:no-repeat}
#hienr a {padding-left:10px;}#hienr {height:150px;overflow:scroll;background:#fff;width:150px;display:none;position:absolute;}
</style>


<script type="text/javascript">$(function(){$(".toolbar").prepend("<img title=\"BBnote\" id=\"clickd\" src=\"http://12b6.forum-viet.com/users/2611/10/63/87/album/inote10.gif\"  class=\"button\" onmouseover=\"overIcon(this)\" onmouseout=\"outIcon(this)\"/> <img src=\"http://12b6.eazy.vn/images/editor/seperator.gif\"/> ");$("#clickd").after("<div id=\"hienr\"><a title=\"Classic\" onclick=\"comm._HTML(\'[note=noteclassic]\',\'[/note]\');\" href=\"javascript:void(0);\"><img src=\"http://12b6.forum-viet.com/users/2611/10/63/87/album/note10.png\">Classic note</a><br/><a title=\"Tip\" onclick=\"comm._HTML(\'[note=notetip]\',\'[/note]\');\" href=\"javascript:void(0);\"><img src=\"http://12b6.forum-viet.com//users/2611/10/63/87/album/tip10.png\">Tip note</a><br/><a title=\"Warning\" onclick=\"comm._HTML(\'[note=notewarning]\',\'[/note]\');\" href=\"javascript:void(0);\"><img src=\"http://12b6.forum-viet.com/users/2611/10/63/87/album/warn10.png\">Warning note</a><br/><a title=\"Important\" onclick=\"comm._HTML(\'[note=noteimportant]\',\'[/note]\');\" href=\"javascript:void(0);\"><img src=\"http://12b6.forum-viet.com/users/2611/10/63/87/album/imp10.png\">Important note</a><br/><a title=\"Help\" onclick=\"comm._HTML(\'[note=notehelp]\',\'[/note]\');\" href=\"javascript:void(0);\"><img src=\"http://12b6.forum-viet.com/users/2611/10/63/87/album/help10.png\">Help note</a><br/><a title=\"Info\" onclick=\"comm._HTML(\'[note=noteinfo]\',\'[/note]\');\" href=\"javascript:void(0);\"><img src=\"http://i48.servimg.com/u/f48/16/28/30/49/rsz_2k11.png\">Info note</a><br/><a title=\"Success\" onclick=\"comm._HTML(\'[note=notesuccess]\',\'[/note]\');\" href=\"javascript:void(0);\"><img src=\"http://i48.servimg.com/u/f48/16/28/30/49/rsz_2k13.png\">Success note</a><br/><a title=\"Error\" onclick=\"comm._HTML(\'[note=noteerror]\',\'[/note]\');\" href=\"javascript:void(0);\"><img src=\"http://i48.servimg.com/u/f48/16/28/30/49/rsz_2k12.png\">Error note</a><br/><a title=\"Validation\" onclick=\"comm._HTML(\'[note=notevalidation]\',\'[/note]\');\" href=\"javascript:void(0);\"><img src=\"http://i48.servimg.com/u/f48/16/28/30/49/rsz_kn10.png\">Validation note</a><br/><a title=\"Suggest\" onclick=\"comm._HTML(\'[note=notesuggest]\',\'[/note]\');\" href=\"javascript:void(0);\"><img src=\"http://i48.servimg.com/u/f48/16/28/30/49/rsz_2k10.png\">Suggest note</a></div>");$("#clickd").click(function(){$("#hienr").toggle();});$("#tatd").click(function(){$("#hienr").toggle();});$("#hienr a").click(function(){$(this).parent().hide();});});</script>

Nghĩa là đoạn JS và CSS đoạn code trên a giữ nguyên chỉ thay lại link ảnh và cái thẻ gì như classic, warning, trong đoạn JS trên thành đoạn code trong Note ver 3.0 với e gà JS vs CSS lắm mong a giúp nhiều cho

up top