CHINH PHỤC
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.
Đăng nhập

Ghi nhớ
Latest topics
» Tôi sẽ đỗ đại học!
by NgocPRO 6/11/2024, 8:37 am

» Kỷ niệm xưa của chúng ta
by nightWalker 9/2/2024, 6:49 pm

» Bị lệch khung cần người giúp đỡ
by webhuy28 7/10/2021, 10:34 pm

» [HỎI ĐÁP] Danh sách bạn bè không thể hiển thị
by anhdaodaica1 2/10/2021, 10:04 pm

» [HỎI ĐÁP] Thông tin tài khoản không thể lưu thay đổi
by anhdaodaica1 2/10/2021, 6:05 am

» Phim bố già full
by huy.pc52 24/8/2021, 12:20 am

» Xin code Box HTML cho Forumvi
by Larva 1/7/2021, 12:57 pm

» Hello Anh Em Chinh phục
by HoàngTửNaivip5p 28/5/2021, 5:03 am

» Trang chủ tin tức cập nhật HOT 2016
by kenbi05 1/1/2020, 11:02 pm

» Không Dang9 bài viết = hình ảnh được
by huy.pc52 30/11/2019, 10:52 am

» CHÚC ANH EM NĂM MỚI VUI VẺ TRÀNG ĐẦY HẠNH PHÚC
by sps.kủn 12/2/2019, 1:16 pm

» Skin CNTT-K3 2015 (Full Mod)[✔]
by kenbi05 6/7/2018, 12:30 am

» baivong, handsome,....
by sps.kủn 29/6/2018, 1:54 pm

» [SHARE] SKIN ĐHFM.V7 @PUNBB
by tonyhoaivu 2/5/2018, 2:37 pm

» Share Skin Xanh Dương Cùi Bắp
by tonyhoaivu 28/4/2018, 5:57 pm

» Xin Skin http://v1.hotrofm.net/
by tonyhoaivu 28/4/2018, 5:45 pm

» Xin Skin Rao Vặt
by tonyhoaivu 15/4/2018, 12:07 pm

» Làm Sao Để Xóa Khung Này
by tonyhoaivu 14/4/2018, 7:18 pm

» [Lập nhóm]Lập nhóm fm
by vietkanpy 31/3/2018, 11:53 am

» [Help] về server úp ảnh của phutu [✔]
by baivong 17/3/2018, 10:18 pm

» Đừng khóc cho “tôi – Chinh Phục!”…
by AnHung 27/2/2018, 5:33 pm

» [Share] Skin Diendandaihoc.com [ Punbb ] [✔]
by Lu Mờ 13/2/2018, 7:28 pm

» Mời mấy thím vào groups Forumotion Việt Nam.
by dang02315 13/2/2018, 12:40 am

» Có thể làm các kiểu giao diện được không?
by Lu Mờ 9/2/2018, 3:40 pm

» ltns chinhphuc.info
by Shinichi Kudo 27/1/2018, 2:27 am

Top posting users this week
No user


[TUT] Thay đổi background và icon của thanh công cụ bài viết

+6
ligerv
quangtrung_it
Việt
nightWalker
LiBee KS
Zero
10 posters

Go down

[TUT] Thay đổi background và icon của thanh công cụ bài viết Empty [TUT] Thay đổi background và icon của thanh công cụ bài viết

Bài gửi by Zero 31/7/2011, 9:03 am

DemO:
Quick Reply
[TUT] Thay đổi background và icon của thanh công cụ bài viết Tut_gu10
Advance Post
[TUT] Thay đổi background và icon của thanh công cụ bài viết Post_a10

Hướng dẫn cách cài đặt. Lưu ý đọc bài này trước khi làm http://diendan.chinhphuc.info/t17555-topic
Bước 1: Vào Display Muiten Color Muiten Css (trong css mình đã ghi chú lại cho các bạn dễ chỉnh)(Nguồn từ S4FM)
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 Muiten Javascript codes management Muiten Tạo 1 trang mới tên tuỳ ý chọn In all the pages Muiten Code sau vào và Save
Code:
$(document).ready(function () {
    a = $('button img');
    for (i = 0; i < a.length; i++) {
        b = a[i].getAttribute('src');
        if (b == 'http://2img.net/i/fa/wysiwyg/text_bold.png') a[i].setAttribute('src', 'http://i26.servimg.com/u/f26/12/56/56/12/bold10.png');
        if (b == 'http://2img.net/i/fa/wysiwyg/text_italic.png') a[i].setAttribute('src', 'http://i26.servimg.com/u/f26/12/56/56/12/italic10.png');
        if (b == 'http://2img.net/i/fa/wysiwyg/text_underline.png') a[i].setAttribute('src', 'http://i26.servimg.com/u/f26/12/56/56/12/underl10.png');
        if (b == 'http://2img.net/i/fa/wysiwyg/text_strikethrough.png') a[i].setAttribute('src', 'http://i26.servimg.com/u/f26/12/56/56/12/strike10.png');
        if (b == 'http://2img.net/i/fa/wysiwyg/text_align_center.png') a[i].setAttribute('src', 'http://i26.servimg.com/u/f26/12/56/56/12/align_10.png');
        if (b == 'http://2img.net/i/fa/wysiwyg/text_align_left.png') a[i].setAttribute('src', 'http://i26.servimg.com/u/f26/12/56/56/12/align_11.png');
        if (b == 'http://2img.net/i/fa/wysiwyg/text_align_right.png') a[i].setAttribute('src', 'http://i26.servimg.com/u/f26/12/56/56/12/align_12.png');
        if (b == 'http://2img.net/i/fa/wysiwyg/page_white_code.png') a[i].setAttribute('src', 'http://i26.servimg.com/u/f26/12/56/56/12/code10.png');
        if (b == 'http://2img.net/i/fa/i/smiles/icon_smile.gif') a[i].setAttribute('src', 'http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png');
        if (b == 'http://2img.net/i/fa/wysiwyg/color_swatch.png') a[i].setAttribute('src', 'http://i26.servimg.com/u/f26/12/56/56/12/font_c11.png');
        if (b == 'http://2img.net/i/fa/wysiwyg/help.png') a[i].setAttribute('src', 'http://i26.servimg.com/u/f26/12/56/56/12/help10.png');
        if (b == 'http://2img.net/i/fa/wysiwyg/link.png') a[i].setAttribute('src', 'http://i26.servimg.com/u/f26/12/56/56/12/link10.png');
        if (b == 'http://2img.net/i/fa/wysiwyg/film.png') a[i].setAttribute('src', 'http://i26.servimg.com/u/f26/12/56/56/12/media10.png');
        if (b == 'http://2img.net/i/fa/wysiwyg/text_list_numbers.png') a[i].setAttribute('src', 'http://i26.servimg.com/u/f26/12/56/56/12/ordere10.png');
        if (b == 'http://2img.net/i/fa/wysiwyg/picture.png') a[i].setAttribute('src', 'http://i26.servimg.com/u/f26/12/56/56/12/pictur10.png');
        if (b == 'http://2img.net/i/fa/wysiwyg/comments.png') a[i].setAttribute('src', 'http://i26.servimg.com/u/f26/12/56/56/12/quote10.png');
        if (b == 'http://2img.net/i/fa/i/switch_wysiwyg.gif') a[i].setAttribute('src', 'http://i26.servimg.com/u/f26/12/56/56/12/remove12.png');
        if (b == 'http://2img.net/i/fa/wysiwyg/text_list_bullets.png') a[i].setAttribute('src', 'http://i26.servimg.com/u/f26/12/56/56/12/unorde10.png');
        if (b == 'http://2img.net/i/fa/wysiwyg/text_align_justify.png') a[i].setAttribute('src', 'http://i26.servimg.com/u/f26/12/56/56/12/align_13.png');
        if (b == 'http://2img.net/i/fa/wysiwyg/text_horizontalrule.png') a[i].setAttribute('src', 'http://i26.servimg.com/u/f26/12/56/56/12/text_h10.png');
        if (b == 'http://2img.net/i/fa/wysiwyg/table.png') a[i].setAttribute('src', 'http://i26.servimg.com/u/f26/12/56/56/12/table10.png');
        if (b == 'http://2img.net/i/fa/wysiwyg/picture_save.png') a[i].setAttribute('src', 'http://i26.servimg.com/u/f26/12/56/56/12/pictur11.png');
        if (b == 'http://2img.net/i/fa/wysiwyg/page_white_flash.png') a[i].setAttribute('src', 'http://i26.servimg.com/u/f26/12/56/56/12/page_w10.png');
        if (b == 'http://2img.net/i/fa/wysiwyg/style.png') a[i].setAttribute('src', 'http://i26.servimg.com/u/f26/12/56/56/12/size10.png');
        if (b == 'http://2img.net/i/fa/wysiwyg/font.png') a[i].setAttribute('src', 'http://i26.servimg.com/u/f26/12/56/56/12/fon10.png');
        if (b == 'http://2img.net/i/fa/wysiwyg/separator.png') a[i].setAttribute('src', 'http://i26.servimg.com/u/f26/12/56/56/12/separa10.png');
    }
});
Bước 3: Xong Good good


Được sửa bởi Zero ngày 10/8/2012, 1:54 am; sửa lần 7. (Reason for editing : Link script die vì lỡ xoá, thay vào đó cập nhật theo update mới của fm)
Zero
Zero
CPYellowMember
CPYellowMember

Firefox PunBB
Ngày đăng ký : 01/01/2009
Số bài : 2328
CPP : 2418
Châm ngôn sống : YOLO

http://devs.cf

Về Đầu Trang Go down

[TUT] Thay đổi background và icon của thanh công cụ bài viết Empty Re: [TUT] Thay đổi background và icon của thanh công cụ bài viết

Bài gửi by LiBee KS 31/7/2011, 9:04 am

Vote đã test, ngon Gian xảo
LiBee KS
LiBee KS
CPPurpleMember
CPPurpleMember

Firefox PunBB
Ngày đăng ký : 27/07/2011
Số bài : 1115
CPP : 1260
Châm ngôn sống : Hay sống thật hết mình ^^

http://...

Về Đầu Trang Go down

[TUT] Thay đổi background và icon của thanh công cụ bài viết Empty Re: [TUT] Thay đổi background và icon của thanh công cụ bài viết

Bài gửi by nightWalker 31/7/2011, 9:06 am

Hôm bữa mò rồi mà ko có ảnh, Bộ Icon này đẹp không thể chê haha. Cho xin hehe.
nightWalker
nightWalker
CPYellowMember
CPYellowMember

Firefox PunBB
Ngày đăng ký : 14/04/2011
Số bài : 2109
CPP : 194
Châm ngôn sống : ;))

http://diendan.chinhphuc.info/

Về Đầu Trang Go down

[TUT] Thay đổi background và icon của thanh công cụ bài viết Empty Re: [TUT] Thay đổi background và icon của thanh công cụ bài viết

Bài gửi by Việt 31/7/2011, 10:26 am

ghi nguồn script vào em Vui
Việt
Việt
CPYellowMember
CPYellowMember

Chrome PhpBB3
Ngày đăng ký : 30/09/2009
Số bài : 2033
CPP : 4255
Châm ngôn sống : ...

http://c3zone.forumj.net/

Về Đầu Trang Go down

[TUT] Thay đổi background và icon của thanh công cụ bài viết Empty Re: [TUT] Thay đổi background và icon của thanh công cụ bài viết

Bài gửi by quangtrung_it 31/7/2011, 10:28 am

Good, tks very much Vui
quangtrung_it
quangtrung_it
CPPurpleMember
CPPurpleMember

Firefox Invision
Ngày đăng ký : 08/09/2010
Số bài : 553
CPP : 479
Châm ngôn sống : Oº°‘¨ Tuyển BQT cho Miền ký ức Forum's ! Đang cần gấp !¨‘°ºO

http://www.benxua.net

Về Đầu Trang Go down

[TUT] Thay đổi background và icon của thanh công cụ bài viết Empty Re: [TUT] Thay đổi background và icon của thanh công cụ bài viết

Bài gửi by ligerv 31/7/2011, 11:03 am

hic xem lại cái này nhé , bộ button này mô phỏng của yahoo mail ,đoạn script đúng có khác nhưng ý tưởng với cả css là của mình ngồi viết cắn móng tay cắn móng tay cắn móng tay
ligerv
ligerv
CPPurpleMember
CPPurpleMember

Chrome PunBB
Ngày đăng ký : 25/04/2010
Số bài : 1296
CPP : 1192
Châm ngôn sống : QLT

http://skin4fm.com

Về Đầu Trang Go down

[TUT] Thay đổi background và icon của thanh công cụ bài viết Empty Re: [TUT] Thay đổi background và icon của thanh công cụ bài viết

Bài gửi by Việt 31/7/2011, 11:24 am

mình thì thấy TUT này share ở đây cả năm rồi mà Roll eye
Code:
http://destek.yetkin-forum.com/t91585-cevap-ykonlary-deoitirmek-yeni-model
Việt
Việt
CPYellowMember
CPYellowMember

Chrome PhpBB3
Ngày đăng ký : 30/09/2009
Số bài : 2033
CPP : 4255
Châm ngôn sống : ...

http://c3zone.forumj.net/

Về Đầu Trang Go down

[TUT] Thay đổi background và icon của thanh công cụ bài viết Empty Re: [TUT] Thay đổi background và icon của thanh công cụ bài viết

Bài gửi by Cáo Già Đeo Nơ 31/7/2011, 11:29 am

Canh thiu bạn nhé.
Cáo Già Đeo Nơ
Cáo Già Đeo Nơ
CPPurpleMember
CPPurpleMember

Firefox PunBB
Ngày đăng ký : 18/02/2011
Số bài : 1266
CPP : 263
Châm ngôn sống : Hãy Sống ! Để Được Chết Một Lần.

http://google.com.vn

Về Đầu Trang Go down

[TUT] Thay đổi background và icon của thanh công cụ bài viết Empty Re: [TUT] Thay đổi background và icon của thanh công cụ bài viết

Bài gửi by _Mark_ 31/7/2011, 9:07 pm

thank chủ thớt haha
avatar
_Mark_
CPPurpleMember
CPPurpleMember

Firefox PunBB
Ngày đăng ký : 07/02/2010
Số bài : 707
CPP : 242
Châm ngôn sống : yêu

http://nguyendangdao.com

Về Đầu Trang Go down

[TUT] Thay đổi background và icon của thanh công cụ bài viết Empty Re: [TUT] Thay đổi background và icon của thanh công cụ bài viết

Bài gửi by baythang 2/8/2011, 10:37 pm

hay quá
nhờ mình xin mới có tut này hjhj
baythang
baythang
CPMember
CPMember

Firefox PunBB
Ngày đăng ký : 09/06/2010
Số bài : 336
CPP : 72
Châm ngôn sống : chet

http://www.tech-vn.info

Về Đầu Trang Go down

[TUT] Thay đổi background và icon của thanh công cụ bài viết Empty Re: [TUT] Thay đổi background và icon của thanh công cụ bài viết

Bài gửi by nguyenvu90 2/8/2011, 10:43 pm

[TUT] Thay đổi background và icon của thanh công cụ bài viết A10
Thế còn mấy nút này thì sao? Không đổi được à bạn
nguyenvu90
nguyenvu90
CPMember
CPMember

Firefox PunBB
Ngày đăng ký : 07/03/2010
Số bài : 70
CPP : 31
Châm ngôn sống : cuộc sống không như giấc mờ

http://08k1.tk

Về Đầu Trang Go down

[TUT] Thay đổi background và icon của thanh công cụ bài viết Empty Re: [TUT] Thay đổi background và icon của thanh công cụ bài viết

Bài gửi by nightWalker 3/8/2011, 6:35 am

nguyenvu90 đã viết:[TUT] Thay đổi background và icon của thanh công cụ bài viết A10
Thế còn mấy nút này thì sao? Không đổi được à bạn
Câu trả lời là không whistling. Tùy màu Forum bạn whistling.
nightWalker
nightWalker
CPYellowMember
CPYellowMember

Firefox PunBB
Ngày đăng ký : 14/04/2011
Số bài : 2109
CPP : 194
Châm ngôn sống : ;))

http://diendan.chinhphuc.info/

Về Đầu Trang Go down

[TUT] Thay đổi background và icon của thanh công cụ bài viết Empty Re: [TUT] Thay đổi background và icon của thanh công cụ bài viết

Bài gửi by Sponsored content


Sponsored content


Về Đầu Trang Go down

Về Đầu Trang

- Similar topics

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