Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.

You are not connected. Please login or register

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

Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

๖ۣۜTom

๖ۣۜTom
Admintrator
Admintrator

Demo:
Quick Reply
hay đổi background và icon thanh công cụ post bài Tut_gu10
Advance Post
hay đổ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
nguồn : fmvi

http://www.vn-answer.tk
Share this post on: reddit

???

Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

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