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   EmptyThu Oct 27, 2011 7:00 pm

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>
Bước 3: Xong đồng ý hai tay
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