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


Lần cuối | xin siêu hướng dẫn colorbox xem ảnh

+6
Cáo Già Đeo Nơ
taulai
IceFox
handsomevip007
notme
blogkien
10 posters

Go down

Lần cuối | xin siêu hướng dẫn colorbox xem ảnh Empty Lần cuối | xin siêu hướng dẫn colorbox xem ảnh

Bài gửi by blogkien 7/9/2011, 10:20 am

Mình tìm kiếm trong diễn đàn rồi, topic dễ hỉu thì link ảnh die hết, topic ngon thì hướng dẫn khó hiểu was, bạn nào bỏ công sức ra giúp các bạn và mình xẻm ảnh bằng colorbox với. Một lần nữa nhá. huhuhuhu
blogkien
blogkien
CPMember
CPMember

Chrome PunBB
Ngày đăng ký : 18/03/2011
Số bài : 227
CPP : 2
Châm ngôn sống : Ăn là trên hết

http://testing.7forum.info

Về Đầu Trang Go down

Lần cuối | xin siêu hướng dẫn colorbox xem ảnh Empty Re: Lần cuối | xin siêu hướng dẫn colorbox xem ảnh

Bài gửi by notme 7/9/2011, 12:49 pm

color box hả thấy hướng dẫn rất chi tiết rồi mà
Code:
http://colorpowered.com/colorbox/core/example1/index.html
Ctrl + U cái này ra xem hiểu không
notme
notme
CPModerator
CPModerator

Chrome PunBB
Ngày đăng ký : 16/07/2011
Số bài : 872
CPP : 824
Châm ngôn sống : Nhát gái nó thành bản năng rồi :(

Về Đầu Trang Go down

Lần cuối | xin siêu hướng dẫn colorbox xem ảnh Empty Re: Lần cuối | xin siêu hướng dẫn colorbox xem ảnh

Bài gửi by handsomevip007 7/9/2011, 12:53 pm

thanggttn đã viết:color box hả thấy hướng dẫn rất chi tiết rồi mà
Code:
http://colorpowered.com/colorbox/core/example1/index.html
Ctrl + U cái này ra xem hiểu không

blogkien đã viết:Lần cuối | xin siêu hướng dẫn colorbox xem ảnh
handsomevip007
handsomevip007
CPAdministrator
CPAdministrator

Opera Invision
Ngày đăng ký : 22/12/2010
Số bài : 6406
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 ...

http://a14toiyeu.forumvi.net/

Về Đầu Trang Go down

Lần cuối | xin siêu hướng dẫn colorbox xem ảnh Empty Re: Lần cuối | xin siêu hướng dẫn colorbox xem ảnh

Bài gửi by IceFox 7/9/2011, 1:48 pm

Đây là colorbox mà forum chinh phục blogger đang dùng:
(overall_header) Tìm
Code:
   <script src="{JQUERY_PATH}" type="text/javascript"></script>
Dán cái này bên dưới:
Code:
<script type="text/javascript" src="http://blogger.chinhphuc.info/h50-page"></script>

Vào css dán cái này vào cuối:
Code:
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index: 999;overflow:hidden;}#cboxOverlay{position:fixed;width:100%;height:100%;background:#000;}#cboxMiddleLeft,#cboxBottomLeft{clear:left;}#cboxContent{position:relative;background:#fff;overflow:visible;}#cboxLoadedContent{overflow:auto;margin-bottom:5px;}#cboxTitle{position:absolute;bottom:-25px;left:0;text-align:center;width:100%;font-weight:700;color:#7C7C7C;margin:0;}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer;position:absolute;bottom:-29px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/contro11.png) no-repeat 0 0;width:23px;height:23px;text-indent:-9999px;}.cboxPhoto{float:left;border:0;display:block;margin:auto;}.cboxIframe{width:100%;height:100%;display:block;border:0;}#cboxTopLeft{width:14px;height:14px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/contro11.png) no-repeat 0 0;}#cboxTopCenter{height:14px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/border10.png) repeat-x top left;}#cboxTopRight{width:14px;height:14px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/contro11.png) no-repeat -36px 0;}#cboxBottomLeft{width:14px;height:43px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/contro11.png) no-repeat 0 -32px;}#cboxBottomCenter{height:43px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/border10.png) repeat-x bottom left;}#cboxBottomRight{width:14px;height:43px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/contro11.png) no-repeat -36px -32px;}#cboxMiddleLeft{width:14px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/contro11.png) repeat-y -175px 0;}#cboxMiddleRight{width:14px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/contro11.png) repeat-y -211px 0;}#cboxLoadingOverlay{background:url(http://i20.servimg.com/u/f20/14/50/49/34/loadin10.png) no-repeat center center;}#cboxLoadingGraphic{background:url(http://i20.servimg.com/u/f20/14/50/49/34/loadin11.gif) no-repeat center center;}#cboxCurrent{position:absolute;bottom:-25px;left:58px;font-weight:700;color:#7C7C7C;}#cboxPrevious{left:0;background-position:-51px -25px;}#cboxPrevious.hover{background-position:-51px 0;}#cboxNext{left:27px;background-position:-75px -25px;}#cboxNext.hover{background-position:-75px 0;}#cboxClose{right:0;background-position:-100px -25px;}#cboxClose.hover{background-position:-100px 0;}.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0;right:27px;}.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0;}.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px;right:27px;}.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0;}

Cuối cùng vào QLTT > Messages and e-mails > Cấu hình diễn đàn > Images resize (bỏ trống hai ô Width và Height.

Chú ý: * viewsource /h50-page và dán vào html của forum bạn. Vui
* bỏ hết tất cả các code liên quan đến trình xem ảnh khác trong temp. vd: fancybox, lightbox,...
IceFox
IceFox
CPPurpleMember
CPPurpleMember

Firefox PunBB
Ngày đăng ký : 07/02/2011
Số bài : 1099
CPP : 1323

http://blogger.chinhphuc.info

Về Đầu Trang Go down

Lần cuối | xin siêu hướng dẫn colorbox xem ảnh Empty Re: Lần cuối | xin siêu hướng dẫn colorbox xem ảnh

Bài gửi by blogkien 7/9/2011, 2:27 pm

Cảm ơn mấy bạn, mình làm được rồi.




Được sửa bởi blogkien ngày 7/9/2011, 10:09 pm; sửa lần 3. (Reason for editing : Link không vô code cho nó xấu luôn :-)
blogkien
blogkien
CPMember
CPMember

Chrome PunBB
Ngày đăng ký : 18/03/2011
Số bài : 227
CPP : 2
Châm ngôn sống : Ăn là trên hết

http://testing.7forum.info

Về Đầu Trang Go down

Lần cuối | xin siêu hướng dẫn colorbox xem ảnh Empty Re: Lần cuối | xin siêu hướng dẫn colorbox xem ảnh

Bài gửi by blogkien 8/9/2011, 1:50 pm

Nhưng tại sao khi vào 1 bài viết, bấm vô ảnh, lần đầu tiên nó ra direct link của ảnh. phải back lại bấm lại nó mới lên slideshow nhỉ
blogkien
blogkien
CPMember
CPMember

Chrome PunBB
Ngày đăng ký : 18/03/2011
Số bài : 227
CPP : 2
Châm ngôn sống : Ăn là trên hết

http://testing.7forum.info

Về Đầu Trang Go down

Lần cuối | xin siêu hướng dẫn colorbox xem ảnh Empty Re: Lần cuối | xin siêu hướng dẫn colorbox xem ảnh

Bài gửi by IceFox 8/9/2011, 2:11 pm

Vì trang nó chưa load xong colorbox.
IceFox
IceFox
CPPurpleMember
CPPurpleMember

Firefox PunBB
Ngày đăng ký : 07/02/2011
Số bài : 1099
CPP : 1323

http://blogger.chinhphuc.info

Về Đầu Trang Go down

Lần cuối | xin siêu hướng dẫn colorbox xem ảnh Empty Re: Lần cuối | xin siêu hướng dẫn colorbox xem ảnh

Bài gửi by taulai 8/9/2011, 2:46 pm

Chỉnh kích thước mặc định trước khi click và sau khi click là chỉnh chỗ nào hả mấy bạn?
Mình mò hoài ko ra Lo lắng
taulai
taulai
CPMember
CPMember

Firefox PunBB
Ngày đăng ký : 27/07/2010
Số bài : 328
CPP : 238
Châm ngôn sống : Vô tư

http://teenthangbinh.topgoo.net

Về Đầu Trang Go down

Lần cuối | xin siêu hướng dẫn colorbox xem ảnh Empty Re: Lần cuối | xin siêu hướng dẫn colorbox xem ảnh

Bài gửi by Cáo Già Đeo Nơ 8/9/2011, 2:46 pm

Có colorbox cho video không nhỉ ? hehe
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

Lần cuối | xin siêu hướng dẫn colorbox xem ảnh Empty Re: Lần cuối | xin siêu hướng dẫn colorbox xem ảnh

Bài gửi by nobody 9/9/2011, 5:25 pm

Đang xài skin lời trái tim và làm theo y như hướng dẫn, Kết quả: ko làm được. khóc
nobody
nobody
CPMember
CPMember

No choice Ngày đăng ký : 24/01/2010
Số bài : 92
CPP : -16
Châm ngôn sống : Nobody

Về Đầu Trang Go down

Lần cuối | xin siêu hướng dẫn colorbox xem ảnh Empty Re: Lần cuối | xin siêu hướng dẫn colorbox xem ảnh

Bài gửi by [D]ark[R]aven 13/9/2011, 9:06 pm

Lạ quá mọi người ơi ! Vào đây xem thử đi ! Click 1 cái tự nhiên nó bay đi đâu ấy ! Ko hiện hình ra giữa trình duyệt:
Code:
http://vnwar.ace.st/t17-tetsdsdsdsdsdsd#20


Được sửa bởi [D]ark[R]aven ngày 14/9/2011, 5:56 pm; sửa lần 2. (Reason for editing : Link không vô code cho nó xấu luôn :-)
[D]ark[R]aven
[D]ark[R]aven
CPMember
CPMember

Firefox PunBB
Ngày đăng ký : 31/12/2010
Số bài : 202
CPP : 162

http://cafam.123.st

Về Đầu Trang Go down

Lần cuối | xin siêu hướng dẫn colorbox xem ảnh Empty Re: Lần cuối | xin siêu hướng dẫn colorbox xem ảnh

Bài gửi by boyvip614 12/11/2011, 9:52 am

Thiên lôi đã viết:Đây là colorbox mà forum chinh phục blogger đang dùng:
(overall_header) Tìm
Code:
   <script src="{JQUERY_PATH}" type="text/javascript"></script>
Dán cái này bên dưới:
Code:
<script type="text/javascript" src="http://blogger.chinhphuc.info/h50-page"></script>

Vào css dán cái này vào cuối:
Code:
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index: 999;overflow:hidden;}#cboxOverlay{position:fixed;width:100%;height:100%;background:#000;}#cboxMiddleLeft,#cboxBottomLeft{clear:left;}#cboxContent{position:relative;background:#fff;overflow:visible;}#cboxLoadedContent{overflow:auto;margin-bottom:5px;}#cboxTitle{position:absolute;bottom:-25px;left:0;text-align:center;width:100%;font-weight:700;color:#7C7C7C;margin:0;}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer;position:absolute;bottom:-29px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/contro11.png) no-repeat 0 0;width:23px;height:23px;text-indent:-9999px;}.cboxPhoto{float:left;border:0;display:block;margin:auto;}.cboxIframe{width:100%;height:100%;display:block;border:0;}#cboxTopLeft{width:14px;height:14px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/contro11.png) no-repeat 0 0;}#cboxTopCenter{height:14px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/border10.png) repeat-x top left;}#cboxTopRight{width:14px;height:14px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/contro11.png) no-repeat -36px 0;}#cboxBottomLeft{width:14px;height:43px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/contro11.png) no-repeat 0 -32px;}#cboxBottomCenter{height:43px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/border10.png) repeat-x bottom left;}#cboxBottomRight{width:14px;height:43px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/contro11.png) no-repeat -36px -32px;}#cboxMiddleLeft{width:14px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/contro11.png) repeat-y -175px 0;}#cboxMiddleRight{width:14px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/contro11.png) repeat-y -211px 0;}#cboxLoadingOverlay{background:url(http://i20.servimg.com/u/f20/14/50/49/34/loadin10.png) no-repeat center center;}#cboxLoadingGraphic{background:url(http://i20.servimg.com/u/f20/14/50/49/34/loadin11.gif) no-repeat center center;}#cboxCurrent{position:absolute;bottom:-25px;left:58px;font-weight:700;color:#7C7C7C;}#cboxPrevious{left:0;background-position:-51px -25px;}#cboxPrevious.hover{background-position:-51px 0;}#cboxNext{left:27px;background-position:-75px -25px;}#cboxNext.hover{background-position:-75px 0;}#cboxClose{right:0;background-position:-100px -25px;}#cboxClose.hover{background-position:-100px 0;}.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0;right:27px;}.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0;}.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px;right:27px;}.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0;}

Cuối cùng vào QLTT > Messages and e-mails > Cấu hình diễn đàn > Images resize (bỏ trống hai ô Width và Height.

Chú ý: * viewsource /h50-page và dán vào html của forum bạn. Vui
* bỏ hết tất cả các code liên quan đến trình xem ảnh khác trong temp. vd: fancybox, lightbox,...


thanks bạn, mình làm dc rồi, nhưng sao ảnh lúc đầu ko tự resize nhỉ, cứ Maxsize...
boyvip614
boyvip614
CPMember
CPMember

Firefox PunBB
Ngày đăng ký : 25/05/2011
Số bài : 19
CPP : 7
Châm ngôn sống : 1

http://gta-hitmanreborn.forumvi.com

Về Đầu Trang Go down

Lần cuối | xin siêu hướng dẫn colorbox xem ảnh Empty Re: Lần cuối | xin siêu hướng dẫn colorbox xem ảnh

Bài gửi by boyvip614 17/11/2011, 11:42 am

ai giúp mình với ạ, ảnh ko resize...
boyvip614
boyvip614
CPMember
CPMember

Firefox PunBB
Ngày đăng ký : 25/05/2011
Số bài : 19
CPP : 7
Châm ngôn sống : 1

http://gta-hitmanreborn.forumvi.com

Về Đầu Trang Go down

Lần cuối | xin siêu hướng dẫn colorbox xem ảnh Empty Re: Lần cuối | xin siêu hướng dẫn colorbox xem ảnh

Bài gửi by dptlong 6/3/2012, 12:56 pm

Chạy thì ok rồi, nhưng khi click vào ảnh thì nó quá lớn, làm thế nào cho nó nhỏ hơn vậy

http://yak34.yourme.net/t1721-topic
dptlong
dptlong
CPMember
CPMember

No choice Invision
Ngày đăng ký : 13/04/2010
Số bài : 96
CPP : -12
Châm ngôn sống : Chưa biết nữa

http://yak34.yourme.net/forum.htm

Về Đầu Trang Go down

Lần cuối | xin siêu hướng dẫn colorbox xem ảnh Empty Re: Lần cuối | xin siêu hướng dẫn colorbox xem ảnh

Bài gửi by dptlong 7/3/2012, 11:02 am

Làm sao mà để hình resize nhỏ lại được vậy, nhấp vào thì chạy nhưng hình quá lớn
dptlong
dptlong
CPMember
CPMember

No choice Invision
Ngày đăng ký : 13/04/2010
Số bài : 96
CPP : -12
Châm ngôn sống : Chưa biết nữa

http://yak34.yourme.net/forum.htm

Về Đầu Trang Go down

Lần cuối | xin siêu hướng dẫn colorbox xem ảnh Empty Re: Lần cuối | xin siêu hướng dẫn colorbox xem ảnh

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