1 [CODE] Thay đổi background và icon thanh công cụ post bài Wed Aug 03, 2011 1:11 pm
DemO:
Advance Post
Bước 1: Vào Display Color Css
Bước 2: Vào Modules Javascript codes management
Tạo 1 trang mới tên tuỳ ý chọn In all the pages Code sau vào và Save
Bước 3: Xong
Advance Post
Bước 1: Vào Display Color Css
- Spoiler:
- Code:
/*Style của tất cả button*/
#text_edit .button2, #html_edit .button2 {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #343434;
background-image: -moz-linear-gradient(#FFF, #A50100); /*Màu trên, màu dưới của button*/
border-color: #C8C8C8 #414141 #9D9C9C #666666;
border-radius: 4px 4px 4px 4px;
border-style: solid;
border-width: 0 1px;
box-shadow: 0 1px 0 0 #AAAAAA;
color: black; /*Màu chữ*/
cursor: pointer;
height: 20px; /*Chiều cao button*/
margin-left: -10px;
padding: 0 5px;
vertical-align: middle;
white-space: nowrap;
width: 50px !important; /*Chiều dài button*/
}
#text_edit .button2:hover, #html_edit .button2:hover, #text_editor_cmd_switchmode:hover {
background-color: #4E4E4E;
background-image: -moz-linear-gradient(#F4EBDA, #F4EBDA); /*Màu trên, màu dưới của button sau khi rê chuột vào*/
text-decoration: none;
}
/*Style của a/A*/
#text_editor_cmd_switchmode {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #343434;
background-image: -moz-linear-gradient(#FFF, #A50100); /*Màu trên, màu dưới của button*/
border-color: #C8C8C8 #414141 #9D9C9C #666666;
border-radius: 4px 4px 4px 4px;
border-style: solid;
border-width: 0 1px;
box-shadow: 0 1px 0 0 #AAAAAA;
color: black; /*Màu chữ*/
cursor: pointer;
height: 20px;
margin-left: -10px;
padding: 0 5px;
vertical-align: middle;
white-space: nowrap;
width: 38px !important;
}
#addbbcode0, #addbbcode6, #servimg, #text_editor_cmd_bold, #text_editor_cmd_wrap0_quote, #wimageshack {
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
#addbbcode4,
#addbbcode8, #addbbcode16, #text_editor_cmd_underline,
#text_editor_cmd_wrap0_code, #bbcodewurl, #addbbcode34, #addbbcode46,
button[title="Insert a line break"], #addbbcodetable,
button[title="Video"], button[title="Font"] {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 4px;
border-top-left-radius: 0 !important;
border-top-right-radius: 4px;
}
#addbbcode2,
#addbbcode14, #text_editor_cmd_italic, #bbcodewimg, #addbbcode12,
#addbbcode30, #addbbcode32, button[title="flash"], button[title="Color"]
{
border-radius: 0 0 0 0 !important;
}
input.button2 {
border-radius: 4px 4px 4px 4px;
}
Bước 2: Vào Modules Javascript codes management
Tạo 1 trang mới tên tuỳ ý chọn In all the pages Code sau vào và Save
- Spoiler:
- Code:
jQuery(document).ready(function() {
jQuery('button img').each(function() {
if(jQuery(this).attr('src') ==
'http://2img.net/i/fa/wysiwyg/text_italic.png')
jQuery(this).attr('src',
'http://i48.servimg.com/u/f48/16/28/30/49/italic10.png');
if(jQuery(this).attr('src') ==
'http://2img.net/i/fa/wysiwyg/text_strikethrough.png')
jQuery(this).attr('src',
'http://i48.servimg.com/u/f48/16/28/30/49/strike10.png');
if(jQuery(this).attr('src') ==
'http://2img.net/i/fa/wysiwyg/text_underline.png')
jQuery(this).attr('src',
'http://i48.servimg.com/u/f48/16/28/30/49/underl10.png');
if(jQuery(this).attr('src') ==
'http://2img.net/i/fa/wysiwyg/text_bold.png') jQuery(this).attr('src',
'http://i48.servimg.com/u/f48/16/28/30/49/bold1010.png');
if(jQuery(this).attr('src') ==
'http://2img.net/i/fa/wysiwyg/text_align_center.png')
jQuery(this).attr('src',
'http://i48.servimg.com/u/f48/16/28/30/49/align_10.png');
if(jQuery(this).attr('src') ==
'http://2img.net/i/fa/wysiwyg/text_align_left.png')
jQuery(this).attr('src',
'http://i48.servimg.com/u/f48/16/28/30/49/align_11.png');
if(jQuery(this).attr('src') ==
'http://2img.net/i/fa/wysiwyg/text_align_right.png')
jQuery(this).attr('src',
'http://i48.servimg.com/u/f48/16/28/30/49/align_12.png');
if(jQuery(this).attr('src') ==
'http://2img.net/i/fa/wysiwyg/page_white_code.png')
jQuery(this).attr('src',
'http://i48.servimg.com/u/f48/16/28/30/49/code1010.png');
if(jQuery(this).attr('src') ==
'http://2img.net/i/fa/i/smiles/icon_smile.gif')
jQuery(this).attr('src',
'http://i48.servimg.com/u/f48/16/28/30/49/emotic10.png');
if(jQuery(this).attr('src') ==
'http://2img.net/i/fa/wysiwyg/text_list_numbers.png')
jQuery(this).attr('src',
'http://i48.servimg.com/u/f48/16/28/30/49/ordere10.png');
if(jQuery(this).attr('src') ==
'http://2img.net/i/fa/wysiwyg/color_swatch.png')
jQuery(this).attr('src',
'http://i48.servimg.com/u/f48/16/28/30/49/font_c10.png');
if(jQuery(this).attr('src') == 'http://2img.net/i/fa/wysiwyg/help.png')
jQuery(this).attr('src',
'http://i48.servimg.com/u/f48/16/28/30/49/help1010.png');
if(jQuery(this).attr('src') == 'http://2img.net/i/fa/wysiwyg/link.png')
jQuery(this).attr('src',
'http://i48.servimg.com/u/f48/16/28/30/49/link1010.png');
if(jQuery(this).attr('src') == 'http://2img.net/i/fa/wysiwyg/film.png')
jQuery(this).attr('src',
'http://i48.servimg.com/u/f48/16/28/30/49/media111.png');
if(jQuery(this).attr('src') ==
'http://2img.net/i/fa/wysiwyg/picture.png') jQuery(this).attr('src',
'http://i48.servimg.com/u/f48/16/28/30/49/pictur10.png');
if(jQuery(this).attr('src') ==
'http://2img.net/i/fa/wysiwyg/comments.png') jQuery(this).attr('src',
'http://i48.servimg.com/u/f48/16/28/30/49/quote110.png');
if(jQuery(this).attr('src') ==
'http://2img.net/i/fa/i/switch_wysiwyg.gif') jQuery(this).attr('src',
'http://i48.servimg.com/u/f48/16/28/30/49/remove10.png');
if(jQuery(this).attr('src') ==
'http://2img.net/i/fa/wysiwyg/text_list_bullets.png')
jQuery(this).attr('src',
'http://i48.servimg.com/u/f48/16/28/30/49/unorde10.png');
if(jQuery(this).attr('src') ==
'http://2img.net/i/fa/wysiwyg/text_align_justify.png')
jQuery(this).attr('src',
'http://i48.servimg.com/u/f48/16/28/30/49/align_13.png');
if(jQuery(this).attr('src') ==
'http://2img.net/i/fa/wysiwyg/text_horizontalrule.png')
jQuery(this).attr('src',
'http://i48.servimg.com/u/f48/16/28/30/49/text_h10.png');
if(jQuery(this).attr('src') ==
'http://2img.net/i/fa/wysiwyg/table.png') jQuery(this).attr('src',
'http://i48.servimg.com/u/f48/16/28/30/49/table110.png');
if(jQuery(this).attr('src') ==
'http://2img.net/i/fa/wysiwyg/picture_save.png')
jQuery(this).attr('src',
'http://i48.servimg.com/u/f48/16/28/30/49/pictur11.png');
if(jQuery(this).attr('src') ==
'http://2img.net/i/fa/wysiwyg/style.png') jQuery(this).attr('src',
'http://i48.servimg.com/u/f48/16/28/30/49/size1010.png');
if(jQuery(this).attr('src') == 'http://2img.net/i/fa/wysiwyg/font.png')
jQuery(this).attr('src',
'http://i48.servimg.com/u/f48/16/28/30/49/fon1010.png');
if(jQuery(this).attr('src') ==
'http://2img.net/i/fa/wysiwyg/separator.png') jQuery(this).attr('src',
'http://i48.servimg.com/u/f48/16/28/30/49/separa10.png');
if(jQuery(this).attr('src') ==
'http://2img.net/i/fa/wysiwyg/font_delete.png')
jQuery(this).attr('src',
'http://i48.servimg.com/u/f48/16/28/30/49/remove11.png');
if(jQuery(this).attr('src') ==
'http://2img.net/i/fa/wysiwyg/page_white_flash.png')
jQuery(this).attr('src',
'http://i48.servimg.com/u/f48/16/28/30/49/page_w10.png');
});
})
Bước 3: Xong