Code Forumotion » Forumotion » Forumotion » Code »  [Code] BBcode Notes 3 by cubimtq

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

#1Tue Nov 20, 2012 7:49 pm

TuanAnh

TuanAnh



»†ổñg Quån «

Ý Tưởng Mới
Demo:

[Code] BBcode Notes 3 by cubimtq 1105

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

Trả lời trích dẫnTrả lời

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

Code Forumotion » Forumotion » Forumotion » Code »  [Code] BBcode Notes 3 by cubimtq

Permissions in this forum:
Bạn không có quyền trả lời bài viết