Trang ChínhĐă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 |
[Tips] Đóng khung Video trong bài viết[✔]
+4
Kid Knight
Chúa Tể Địa Ngục
pro_qng
K.-Kun
8 posters
Trang 1 trong tổng số 1 trang
[Tips] Đóng khung Video trong bài viết[✔]
by K.-Kun 21/9/2013, 12:54 pm
Thông Tin:
*Đóng khung video trong bài viết
*Phiên bản sử dụng: PunBB - Invision
*Tính năng:
- Toàn CSS nên nhẹ
- Làm đẹp khung xem Video từ YouTube
*Demo: [You must be registered and logged in to see this link.]
Tuts by: Kirigaya Kazuto
*Vui lòng không sao chép bài viết này đi nơi khác*
*Vui lòng không sao chép bài viết này đi nơi khác*
- PunBB:
B1: APC >>Display >>Templates >>QLTT >>viewtopic_body
Tìm đoạn:- Code:
{postrow.displayed.MESSAGE}
- Code:
<div class="video_border">{postrow.displayed.MESSAGE}</div>
- Code:
.video_border embed[src*="http://www.youtube.com/"]{
border-top: 3px solid #007FFF;
box-shadow: 0 0 0.5em black, 0 0 0.5em black;
padding: 10px;
padding-top: 125px;
background: url(http://i76.servimg.com/u/f76/18/27/42/06/if10.jpg) top center no-repeat;
}
- Invision:
Chèn cào CSS:- Code:
.post-entry embed[src*="http://www.youtube.com/"]{
border-top: 3px solid #007FFF;
box-shadow: 0 0 0.5em black, 0 0 0.5em black;
padding: 10px;
padding-top: 125px;
background: url(http://i76.servimg.com/u/f76/18/27/42/06/if10.jpg) top center no-repeat;
}
- Hướng dẫn thêm host Video khác:
Mình hướng dẫn cho invision. PunBB làm tương tự. Chỉ thay class thôi.
Mình có đoạn css thế này:- Code:
.post-entry embed[src*="http://www.youtube.com/"]{
- Code:
.post-entry embed[src*="http://www.dailymotion.com/"], .post-entry embed[src*="http://www.youtube.com/"]{
Được sửa bởi handsomevip007 ngày 4/10/2013, 10:22 pm; sửa lần 3.
K.-Kun- CPModerator
-
Ngày đăng ký : 22/11/2012
Số bài : 1511
CPP : 639
Châm ngôn sống : Không bao giời đi ngược lại với lời nói của mình! Đó chính là nhẫn đạo của tôi
Re: [Tips] Đóng khung Video trong bài viết[✔]
by pro_qng 21/9/2013, 1:03 pm
cái này edit từ mấy cái trước , rồi đổi hình ảnh , thành tool by me >
, không xài nhưng cũng thấy tinh thần edit khá cao
, không xài nhưng cũng thấy tinh thần edit khá cao
pro_qng- CPPurpleMember
-
Ngày đăng ký : 17/08/2012
Số bài : 528
CPP : 205
Châm ngôn sống : Các cụ có câu : Thương nhau mà sống :) -
Re: [Tips] Đóng khung Video trong bài viết[✔]
by K.-Kun 21/9/2013, 1:14 pm
Hở? Mình tự viết chứ có edit đâu? Bộ có share rồi à 
K.-Kun- CPModerator
-
Ngày đăng ký : 22/11/2012
Số bài : 1511
CPP : 639
Châm ngôn sống : Không bao giời đi ngược lại với lời nói của mình! Đó chính là nhẫn đạo của tôi
Chúa Tể Địa Ngục- CPYellowMember
-
Ngày đăng ký : 15/07/2013
Số bài : 2203
CPP : 380
Châm ngôn sống : Không có gì cả :v -
Re: [Tips] Đóng khung Video trong bài viết[✔]
by Kid Knight 21/9/2013, 1:19 pm
Vote thớt đóng góp nhá
mà cái đoạn "Thay Thành" không cần thiết đâu bạn...
bới vì version nào cũng có sẵn class của fm rồi, riêng trường hợp phá teample
mà hình như Drduywin share rồi hay sao ấy
, nhớ mang máng 
topic này cũng có [You must be registered and logged in to see this link.]
mà cái đoạn "Thay Thành" không cần thiết đâu bạn...
bới vì version nào cũng có sẵn class của fm rồi, riêng trường hợp phá teample
mà hình như Drduywin share rồi hay sao ấy
, nhớ mang máng topic này cũng có [You must be registered and logged in to see this link.]
Kid Knight- CPModerator
-
Ngày đăng ký : 01/02/2013
Số bài : 860
CPP : 651
Châm ngôn sống : nhìn cái gì ? -
Re: [Tips] Đóng khung Video trong bài viết[✔]
by nhocktintin 21/9/2013, 1:19 pm
Hay quá! Like
Hồi giờ thấy mỗi của FMvi mà Js die rồi Có thấy ai share nữa đâu
Hồi giờ thấy mỗi của FMvi mà Js die rồi
Có thấy ai share nữa đâu 
nhocktintin- CPMember
-
Ngày đăng ký : 01/11/2012
Số bài : 151
CPP : -32
Châm ngôn sống : he he he -
Re: [Tips] Đóng khung Video trong bài viết[✔]
by ligerv 21/9/2013, 1:32 pm
- Ý kiến của mình::
- - Không tác dụng với IE <= 9
- Đã dùng CSS3 thì có thể dùng border-image,pseudo-elements tao nhiều style khác .
- Chỉ là css selector đơn giản mà ghi Tuts by me có vẻ kì kì
- Tiền tố " [] " đặt lungt ung quá .đặt theo Cp quy định dễ tìm hơn
ligerv- CPPurpleMember
-
Ngày đăng ký : 25/04/2010
Số bài : 1296
CPP : 1192
Châm ngôn sống : QLT -
Re: [Tips] Đóng khung Video trong bài viết[✔]
by *๖ۣۜ Mr-๖ۣۜ Hải 4/10/2013, 7:02 pm
CHo cái demo ảnh đi bác
*๖ۣۜ Mr-๖ۣۜ Hải- CPMember
-
Ngày đăng ký : 25/08/2013
Số bài : 287
CPP : 31
Châm ngôn sống : Học là lợi, chơi là hại... Vừa học vừa chơi là lợi hại ^^ -
Re: [Tips] Đóng khung Video trong bài viết[✔]
by K.-Kun 4/10/2013, 7:19 pm
[You must be registered and logged in to see this link.]*๖ۣۜ Mr-๖ۣۜ Hải đã viết:CHo cái demo ảnh đi bác
K.-Kun- CPModerator
-
Ngày đăng ký : 22/11/2012
Số bài : 1511
CPP : 639
Châm ngôn sống : Không bao giời đi ngược lại với lời nói của mình! Đó chính là nhẫn đạo của tôi
Dơi Kon- CPMember
-
Ngày đăng ký : 28/06/2012
Số bài : 228
CPP : 80
Châm ngôn sống : Tui là tui -
Re: [Tips] Đóng khung Video trong bài viết[✔]
by Chúa Tể Địa Ngục 29/10/2013, 12:19 pm
sao minh làm không được nhể?:
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.]
Chúa Tể Địa Ngục- CPYellowMember
-
Ngày đăng ký : 15/07/2013
Số bài : 2203
CPP : 380
Châm ngôn sống : Không có gì cả :v -
Similar topics» Khung Upload file và video ở khung bài viết
» [Thắc mắc] Khung trong box kô thay đổi theo khung ở homepage
» [solved] Mất khung BBCode trong khung bài viết mới
» Khung ở dưới cùng của trang index không vào trong khung
» [Thắc mắc] Làm s khung video được như thế này[✔]
» [Thắc mắc] Khung trong box kô thay đổi theo khung ở homepage
» [solved] Mất khung BBCode trong khung bài viết mới
» Khung ở dưới cùng của trang index không vào trong khung
» [Thắc mắc] Làm s khung video được như thế này[✔]
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