You are not connected. Please login or register

 » Forumotion » Share Code » Css » [punbb][invision]CSS chuyển link thành nút download

[punbb][invision]CSS chuyển link thành nút download

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

๖ۣۜTom

avatar
Admintrator
Admintrator
Nếu forum của bạn thường phải đăng link để download bài học hay phần mềm gì đó với lượng host cố định thì bạn dùng code CSS sau để chuyển nó thành nút download cho đẹp.

code cho punbb
Code:
.entry-content a[href*="mediafire.com/?"],.entry-content a[href*="4shared.com"] {
    background: url("http://i12.servimg.com/u/f12/17/70/81/78/button10.png") no-repeat scroll center center transparent;
    color: transparent;
    display: block;
    font-size: 0;
    height: 33px;
    overflow: hidden;
    width: 116px;
}
code cho invision
Code:
.post-entry a[href*="mediafire.com/?"],.post-entry a[href*="4shared.com"] {
    background: url("http://i12.servimg.com/u/f12/17/70/81/78/button10.png") no-repeat scroll center center transparent;
    color: transparent;
    display: block;
    font-size: 0;
    height: 33px;
    overflow: hidden;
    width: 116px;
}
Nếu forum bạn thường dùng host nào upfile thì thêm link host đó vào.
Cách đấy cũng không hoàn toàn ổn đâu, ví dụ ai đó đăng link trang chủ 4shared.com thì nó cũng sẽ chuyển thành nút download, thế nên nhớ đặt phần css đặc trưng một chút.
demo
Viết bởi baivong - [You must be registered and logged in to see this link.]



[center]Yahoo Hỗ Trợ [You must be registered and logged in to see this link.]
Chào Mừng Khách viếng thăm đã đến với 4rum
:000001:
Xem lý lịch thành viên http://www.vn-answer.tk
Share this post on: Excite BookmarksDiggRedditDel.icio.usGoogleLiveSlashdotNetscapeTechnoratiStumbleUponNewsvineFurlYahooSmarking

No Comment.

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang  Thông điệp [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