Bạn chưa đăng kí (hoặc chưa đăng nhập) nên quyền lợi của bạn sẽ bị hạn chế. Việc đăng kí làm thành viên hoàn toàn miễn phí, sau khi đăng kí bạn có thể post bài, tham gia thảo luận, liên lạc với các thành viên khác qua hệ thống tin nhắn riêng, yêu cầu manga/anime... và rất nhiều quyền lợi khác. Thủ tục đăng kí rất nhanh chóng và đơn giản, hãy Đăng Kí Làm Thành Viên!
Nếu bạn chưa biết cách dùng table bằng BGCOLOR2 thì có thể xem qua topic Vẽ table bằng BGCOLOR2. Mình xin chia sẻ một vài mẫu table làm từ BGCOLOR2 rất đẹp, bbcode table không bao giờ đạt được đến đẳng cấp như thế này tự sướng tí. Chống chỉ định với các thể loại IE.
1. Kết hợp sIFR
Melody of Love
Tựa người nhạc sĩ viết nên những giai điệu ngọt ngào, từng lời văn, câu chữ dưới ngòi bút của bạn bỗng trở nên bay bổng hơn bao giờ hết. Thầm lặng nhưng quan trọng, VnSharing Radio không thể thiếu bạn, biên tập viên "mới" ạ!
Table này cũng khá dễ làm. Cái header mình dùng sIFR để đưa font ngoài vào, sẵn đấy cho nó cái backcolor=#A7C942, còn cái border thì mình để màu đậm hơn #719500. Mấy ô phía dưới thì giới hạn độ cao 170 để cho nó bằng nhau ở tất cả các dòng. Vậy là có ngay một cái header + table đẹp.
2. Chèn background
Bảng này nằm trong box có mật khẩu, nội dung đã được lược bỏ.
STT
Tên & Thông tin
Vị trí
Liên lạc
1
...
• Chỉ huy chính.
• Biên tập viên.
• Phát thanh viên.
• Kỹ thuật viên.
Trong cái header của bảng trên, tớ có dùng một cái background, là hình này: http://bulkinfo.org/radio/studio/bg_header.jpg
Như các bạn thấy, để riêng thì nhìn chả có gì đặc biệt, nhưng khi cho vào table, nhìn cái table nổi hẳn lên.
Để cho background vào header, bạn dùng bbcode [bgimg] hoặc thêm style:
background: url(http://bulkinfo.org/radio/studio/bg_header.jpg) no-repeat;
vào ô đấy.
Ngoài ra, ở header này mình còn áp dụng hiệu ứng chữ đổ bóng (bạn có thể xem thêm ở topic Các thuộc tính của text) để cho chữ nhìn đẹp hơn. Style mình dùng là:
text-shadow: 0 0 0.2em #8F7;
Cuối cùng, bạn được một cái header như thế này:
STT
Tên & Thông tin
Vị trí
Liên lạc
Phần ở dưới không có gì đặc biệt.
3. Kết hợp với LIMIT
Ep
Title
Download
1
.
Sticky Natto Okra Rice with Cheese Topping Bento 440 kcal
480p
720p
2
.
Mackerel Boiled in Miso Bento 674 kcal
480p
720p
3
.
Fried Cheese Curry XL Bowl 1080 kcal
480p
720p
4
.
Pork Fried with Ginger 852 kcal
480p
720p
5
.
Fish Soup with Hokkaido Sake 326 kcal
480p
720p
Đâu phải table nào cũng cần có đường kẻ. Trên đây là một ví dụ. Cái bảng trên đây mỗi dòng mình chỉ dùng 1 cái bgcolor2, để phân cách ra thì mình lại dùng limit, và dùng đường kẻ là dotted, nhìn cũng khá bắt mắt.
Cái header cũng không có gì đặc biệt, khá giống với ví dụ thứ 2, chỉ khác ở chỗ repeat-x, thêm style đó vào để cái background lặp lại theo chiều ngang.
Sau khi kẻ xong hết các hàng, mình bọc tất cả trong 1 cái box, và để style là:
background:#EFF4FB url(http://puu.sh/csad) repeat-x; border-left: 1px solid #686868; border-right:1px solid #686868;
background là để set background cho các dòng ở dưới, cũng lặp lại theo chiều ngang. border-left và border-right là để set 2 đường kẻ 2 bên.
Còn 1 cái nữa là dòng cuối cùng, không để border là solid thay vì dotted.
4. Phân biệt dòng chẵn - lẻ
STT
Giờ phát
Chương trình
Download
1
18h00 - 19h00
VNSers's Favorite Music Chart
Dropbox - Mediafire
2
19h00 - 19h15
Bản tin VnSharing
Dropbox - Mediafire
3
19h15 - 20h00
Xúc cảm điện ảnh
Dropbox - Mediafire
4
20h00 - 19h15
Your Playlist
Dropbox - Mediafire
5
20h00 - 21h00
VnSharing Idol
Dropbox - Mediafire
6
21h00 - 22h00
Máy bay giấy
Dropbox - Mediafire
Một dạng khác, vẫn là header có repeat-x như lần trước, nhưng lần này, dòng nội dung sẽ có màu background khác nhau ở những dòng chẵn và những dòng lẻ. Cái này không quá khó để làm, nhưng vì đây là mình set màu background thủ công, nên lỡ muốn thay đổi thứ tự của các dòng cho nhau thì mình phải đổi luôn màu background cho phù hợp.
Cái header có đoạn
background: #1c5d79 url(http://puu.sh/ctjd) repeat-x;,
nếu không để ý thì khi post bải nó sẽ thành
background: #1c5d79 url([URL]http://puu.sh/ctjd[/URL]) repeat-x;.
Bạn phải vào chỗ post bài nâng cao, tắt chức năng tự động nhận diện link đi.
code bị lỗi tạo khoảng cách khá lớn trong IE
tốt nhất là nên cố định toàn bộ dòng code table bằng margin hoặc limit để ép các dòng xuống hàng hơn là dùng [clear][/clear] để xuống hàng
__________________
If you wish to make an apple pie from scratch, you must first invent the universe.
code bị lỗi tạo khoảng cách khá lớn trong IE
tốt nhất là nên cố định toàn bộ dòng code table bằng margin hoặc limit để ép các dòng xuống hàng hơn là dùng [clear][/clear] để xuống hàng
Mình không có IE. Nhờ cậu kiểm tra lại xem còn bị không.
Dùng code như này lúc chỉnh sửa khó hơn hẳn.