Quên mật khẩu?

Ẩn quảng cáo

 

 Thay đổi background và icon thanh công cụ post bài

Go down 
Tác giảThông điệp
admin
[—»Sói™~]-[Ðại Ma Ðầu]
[—»Sói™~]-[Ðại Ma Ðầu]
admin


Giới tính Giới tính : Nam Virgo
Chinese zodiac Chinese zodiac : Horse
Bài viết Bài viết : 1042
Xu Xu : 158
Thanked Thanked : 650
Sinh Nhật Sinh Nhật : 20/09/1990
Tham Gia Tham Gia : 15/07/2011
Tuổi Tuổi : 34
Yahoo Yahoo : Hà Nội
Nghề Nghiệp Nghề Nghiệp : Giáo Sư
Status Status : hgfggggggggggggg

Character sheet
Tài Sản:

Thay đổi background và icon thanh công cụ post bài Empty
Bài gửiTiêu đề: Thay đổi background và icon thanh công cụ post bài   Thay đổi background và icon thanh công cụ post bài EmptySun Aug 28, 2011 8:56 am

Demo:
Quick Reply

Thay đổi background và icon thanh công cụ post bài Tut_gu10

Advance Post

Thay đổi background và icon thanh công cụ post bài Post_a10

Bước 1: Vào Display >> Color >> Css (trong css mình đã note lại cho các bạn dễ chỉnh)
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 Display >> Templates >> Overall_header >> Cho vào cuối
Code:
<script src="http://fmvi-group.googlecode.com/files/FMvi-replace-icon.js"></script>
Về Đầu Trang Go down
https://itvui.123.st
 
Thay đổi background và icon thanh công cụ post bài
Về Đầu Trang 
Trang 1 trong tổng số 1 trang
 Similar topics
-
» Thay đổi background và icon thanh công cụ post bài
» [CSS]Thay icon đầu forum
» ĐH FPT: Kỹ năng mềm tạo nên thành công
» Trang đăng nhập thành công
» [Codes] Hình nền thanh công cụ ở khung trả lời nhanh

Permissions in this forum:Bạn không có quyền trả lời bài viết
Kênh thông tin giải trí dành cho teen việt :: *`+`* Mã Nguồn *`+`* :: Thủ Thuật Forumotion :: Code-
Chuyển đến