Đăng nhập

Ghi nhớ
Latest topics
» Skin]Teen Pro9x [ PunBB ]
by chiecla1989 11/10/2017, 8:56 pm

» [Thắc mắc] Website tự thay đổi banner
by white1416 29/9/2017, 8:05 pm

» [Thắc mắc] chỉnh màu <hr>
by sayedn73 28/9/2017, 3:21 pm

» Một số cover cho Zing.me và Facebook
by sayedn73 28/9/2017, 3:18 pm

» Cần xin skin ngamvn.com
by sayedn73 4/9/2017, 2:40 pm

» Trỏ tên miền p.a vietnam
by tommy_phan 20/8/2017, 2:55 pm

» Xin forum rao vặt vBulletin 4.1.11
by arber 1/8/2017, 4:17 am

» Tôi sẽ đỗ đại học!
by handsomevip007 16/7/2017, 4:27 pm

» Xin hỗ trợ về DNS Domain cho Forumvi
by hoangthong 9/5/2017, 9:37 pm

» skin xinh forum full punbb
by kenbi05 8/5/2017, 10:47 am

» HỖ TRỢ GIÚP MÌNH VỀ VIỆC MẤT CHỨC NĂNG KIỂM TRA THÀNH VIÊN XEM BÀI TRONG GROUP FB
by hoangthong 4/5/2017, 9:14 am

» Xin chỉ giúp cách fix hình nền header cho forumvi
by Phuongtran 25/4/2017, 4:43 pm

» [Mod] Shop Gunny (New Version)
by accit 14/4/2017, 10:30 am

» Giới thiệu 3 mẫu smartphone nổi bật cho bạn quan tâm
by huydv 21/3/2017, 11:14 pm

» [Thông báo] Đổi tên miền diễn đàn[✔]
by vietkanpy 9/3/2017, 8:28 am

» [Help] Nhờ mọi người " RIP " giúp mình[✔]
by sayedn73 7/2/2017, 10:31 pm

» CHÚC MỪNG NĂM MỚI
by Exterminator 7/2/2017, 12:16 pm

» Cần giúp đỡ về Ads Banner trong forum
by sayedn73 7/2/2017, 12:42 am

» Xin index box forumvi [✔]
by sayedn73 5/2/2017, 6:50 am

» LỖI ADD TRANG CHỦ
by tommy_phan 17/1/2017, 11:04 am

» Bác nào rảnh tham gia cho vui nhé
by phamthohoa 27/12/2016, 10:06 am

» Cách đổi nền Forum
by sayedn73 27/10/2016, 1:28 am

» Skin CNTT-K3 2015 (Full Mod)[✔]
by sayedn73 27/10/2016, 1:14 am

» Share skin Gameprivatevn.ace.st
by help me 23/10/2016, 4:32 pm

» Share Skin Xanh Dương Cùi Bắp
by Thànhkent 21/10/2016, 1:37 pm

Top posting users this week


[Help] Tùy chỉnh CSS của 1 class[✔]

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down

[Help] Tùy chỉnh CSS của 1 class[✔]

Bài gửi by BTV2 on 21/12/2014, 1:34 am

VD ta có 2 nút và 1 thẻ như sau như sau:
<div class="img_100"></div>
<div class="img_999"></div>
<div class="re_size"></div>

Khi click vào nút "img_100" thì ảnh trong thẻ "re_size" sẽ có kick thước = 100px
Và khi click vào nút "img_999" thì ảnh trong thẻ "re_size" sẽ có kick thước = 999px
avatar
BTV2
CPPurpleMember
CPPurpleMember

Chrome PunBB
Ngày đăng ký : 08/09/2012
Số bài : 1182
CPP : 751
Châm ngôn sống : [hide][/hide]

Xem lý lịch thành viên

Về Đầu Trang Go down

Re: [Help] Tùy chỉnh CSS của 1 class[✔]

Bài gửi by handsomevip007 on 21/12/2014, 6:38 am

Code:
$('[class^="img_"]').click(function(){
  $('.re_size img').css('width',$(this).attr('class').split('_')[1]);
});
Rose
avatar
handsomevip007
CPAdministrator
CPAdministrator

Opera Invision
Ngày đăng ký : 22/12/2010
Số bài : 6404
CPP : 11255
Châm ngôn sống : Tuổi trẻ sẽ dừng lại nhưng sáng tạo là mãi mãi ...

Xem lý lịch thành viên http://a14toiyeu.forumvi.net/

Về Đầu Trang Go down

Re: [Help] Tùy chỉnh CSS của 1 class[✔]

Bài gửi by BTV2 on 21/12/2014, 10:32 am

Chỉnh kích thước ở đâu vậy hand?


Được sửa bởi BTV2 ngày 21/12/2014, 12:24 pm; sửa lần 1.
avatar
BTV2
CPPurpleMember
CPPurpleMember

Chrome PunBB
Ngày đăng ký : 08/09/2012
Số bài : 1182
CPP : 751
Châm ngôn sống : [hide][/hide]

Xem lý lịch thành viên

Về Đầu Trang Go down

Re: [Help] Tùy chỉnh CSS của 1 class[✔]

Bài gửi by markai30 on 21/12/2014, 10:36 am

@BTV2 đã viết:Chỉnh kích thước ở đâu vậy hand?
Code:
http://forum-test123.forumvi.com/h2-page

Code viết dựa trên số liệu class mà bạn đưa ra đó. Vd img_999
Thì width khi đổi sẽ là 999
avatar
markai30
CPMember
CPMember

Chrome PhpBB3
Ngày đăng ký : 18/02/2014
Số bài : 100
CPP : 150
Châm ngôn sống : Tự học tự làm

Xem lý lịch thành viên http://Viethoagame.forumvi.com

Về Đầu Trang Go down

Re: [Help] Tùy chỉnh CSS của 1 class[✔]

Bài gửi by BTV2 on 21/12/2014, 11:46 am

Code viết dựa trên số liệu class mà bạn đưa ra đó. Vd img_999
Thì width khi đổi sẽ là 999
Vậy code ko hoạt động rồi =.=
avatar
BTV2
CPPurpleMember
CPPurpleMember

Chrome PunBB
Ngày đăng ký : 08/09/2012
Số bài : 1182
CPP : 751
Châm ngôn sống : [hide][/hide]

Xem lý lịch thành viên

Về Đầu Trang Go down

Re: [Help] Tùy chỉnh CSS của 1 class[✔]

Bài gửi by handsomevip007 on 21/12/2014, 11:50 am

1 là cần đặt jQuery vào giữa
Code:
$(function(){
//các lệnh jQuery ở đây
});

2 là phải có thư viện jQuery
Code:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

Tưởng bạn biết rồi nên mình lỡ không có nói ai dè... Rose
avatar
handsomevip007
CPAdministrator
CPAdministrator

Opera Invision
Ngày đăng ký : 22/12/2010
Số bài : 6404
CPP : 11255
Châm ngôn sống : Tuổi trẻ sẽ dừng lại nhưng sáng tạo là mãi mãi ...

Xem lý lịch thành viên http://a14toiyeu.forumvi.net/

Về Đầu Trang Go down

Re: [Help] Tùy chỉnh CSS của 1 class[✔]

Bài gửi by BTV2 on 21/12/2014, 12:26 pm

Có thể dùng max-width: 999px dc ko hand?
avatar
BTV2
CPPurpleMember
CPPurpleMember

Chrome PunBB
Ngày đăng ký : 08/09/2012
Số bài : 1182
CPP : 751
Châm ngôn sống : [hide][/hide]

Xem lý lịch thành viên

Về Đầu Trang Go down

Re: [Help] Tùy chỉnh CSS của 1 class[✔]

Bài gửi by handsomevip007 on 21/12/2014, 12:46 pm

Chỗ .css('width' sửa thành .css('max-width' Rose
avatar
handsomevip007
CPAdministrator
CPAdministrator

Opera Invision
Ngày đăng ký : 22/12/2010
Số bài : 6404
CPP : 11255
Châm ngôn sống : Tuổi trẻ sẽ dừng lại nhưng sáng tạo là mãi mãi ...

Xem lý lịch thành viên http://a14toiyeu.forumvi.net/

Về Đầu Trang Go down

Re: [Help] Tùy chỉnh CSS của 1 class[✔]

Bài gửi by BTV2 on 21/12/2014, 1:24 pm

Like mạnh Vui
avatar
BTV2
CPPurpleMember
CPPurpleMember

Chrome PunBB
Ngày đăng ký : 08/09/2012
Số bài : 1182
CPP : 751
Châm ngôn sống : [hide][/hide]

Xem lý lịch thành viên

Về Đầu Trang Go down

Re: [Help] Tùy chỉnh CSS của 1 class[✔]

Bài gửi by BTV2 on 21/12/2014, 1:31 pm

@handsomevip007 đã viết:1 là cần đặt jQuery vào giữa
Code:
$(function(){
//các lệnh jQuery ở đây
});
Hand cho mình đoạn code này đi, vác nguyên cái thư viện jQuery thì chắc sẽ nặng lắm
avatar
BTV2
CPPurpleMember
CPPurpleMember

Chrome PunBB
Ngày đăng ký : 08/09/2012
Số bài : 1182
CPP : 751
Châm ngôn sống : [hide][/hide]

Xem lý lịch thành viên

Về Đầu Trang Go down

Re: [Help] Tùy chỉnh CSS của 1 class[✔]

Bài gửi by handsomevip007 on 21/12/2014, 4:23 pm

:v :v :v Thư viên đó bình thường đã trang bị sẵn trong FM rồi. Tại bạn dùng HTML trống nên mới phải thêm vô thôi.
avatar
handsomevip007
CPAdministrator
CPAdministrator

Opera Invision
Ngày đăng ký : 22/12/2010
Số bài : 6404
CPP : 11255
Châm ngôn sống : Tuổi trẻ sẽ dừng lại nhưng sáng tạo là mãi mãi ...

Xem lý lịch thành viên http://a14toiyeu.forumvi.net/

Về Đầu Trang Go down

Re: [Help] Tùy chỉnh CSS của 1 class[✔]

Bài gửi by BTV2 on 21/12/2014, 4:35 pm

Thank :v :v :v
avatar
BTV2
CPPurpleMember
CPPurpleMember

Chrome PunBB
Ngày đăng ký : 08/09/2012
Số bài : 1182
CPP : 751
Châm ngôn sống : [hide][/hide]

Xem lý lịch thành viên

Về Đầu Trang Go down

Re: [Help] Tùy chỉnh CSS của 1 class[✔]

Bài gửi by Sponsored content


Sponsored content


Về Đầu Trang Go down

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang


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