Đăng nhập
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
Trang 1 trong tổng số 1 trang
[TUT] Thay đổi background và icon của thanh công cụ bài viết
DemO:
Quick Reply
Advance Post
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 Color Css (trong css mình đã ghi chú lại cho các bạn dễ chỉnh)(Nguồn từ S4FM)
Quick Reply
Advance Post
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 Color 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;
}
- 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');
}
});
Đượ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)
Re: [TUT] Thay đổi background và icon của thanh công cụ bài viết
Hôm bữa mò rồi mà ko có ảnh, Bộ Icon này đẹp không thể chê . Cho xin .
Re: [TUT] Thay đổi background và icon của thanh công cụ bài viết
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
Re: [TUT] Thay đổi background và icon của thanh công cụ bài viết
mình thì thấy TUT này share ở đây cả năm rồi mà
- Code:
http://destek.yetkin-forum.com/t91585-cevap-ykonlary-deoitirmek-yeni-model
Re: [TUT] Thay đổi background và icon của thanh công cụ bài viết
hay quá
nhờ mình xin mới có tut này hjhj
nhờ mình xin mới có tut này hjhj
Re: [TUT] Thay đổi background và icon của thanh công cụ bài viết
Thế còn mấy nút này thì sao? Không đổi được à bạn
Re: [TUT] Thay đổi background và icon của thanh công cụ bài viết
Câu trả lời là không . Tùy màu Forum bạn .nguyenvu90 đã viết:
Thế còn mấy nút này thì sao? Không đổi được à bạn
Similar topics
» Thay đổi background bài viết của mod?
» [Thắc mắc] Background thay đổi sau mỗi lần f5
» [Tép] Thay đổi Background (hình nền) từng mục bằng CSS =))[✔]
» Xin Thay Dùm về background
» Làm thế nào để thay background
» [Thắc mắc] Background thay đổi sau mỗi lần f5
» [Tép] Thay đổi Background (hình nền) từng mục bằng CSS =))[✔]
» Xin Thay Dùm về background
» Làm thế nào để thay background
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