PDA

Xem bản đầy đủ : [Hướng dẫn] Hướng dẫn trình bày bài viết bằng BBCode



Ad
07-05-15, 03:23 PM
Nói chung là sau những ngày nghiên cứu thì rất vui là cuối cùng cũng cài đặt được cho bà con cái bbcode dùng để trình bày bài viết đẹp hơn.

Cách đơn giản nhất:

Ví dụ 1:
Code:


Nội dung test BBCode trình bày Bách Gia Trang

Nội dung test BBCode trình bày Bách Gia Trang


Trong đó:
White là màu background, các bạn muốn background màu gì thì để màu đó.
width:1000px: Độ rộng của khung, các bạn tuỳ chỉnh nhé. Ở đây Vũ đang để là 1000, các ví dụ ở dưới sẽ chỉnh xuống
Kế tiếp: #FF0033 là màu khung, các bạn thích màu gì thì lên google research mã css của nó điền vào trên.
1: 1px là độ dày của khung
5|5: border radius: 5px, 5px, mọi người cứ sử dụng mặc định 5,5 không thì tham khảo ở đây về khái niệm đó ĐÂY (http://hocwebchuan.com/reference/cssSection/css3/pr_border_radius.php)


Ví dụ 2 (thay màu đường viền khung):
Code:

Nội dung test BBCode trình bày Bách Gia Trang

Nội dung test BBCode trình bày Bách Gia Trang


Ví dụ 3 Tạo khung có bóng:


Nội Dung Trình Bày Đánh Ở Đây


Nội Dung Trình Bày Đánh Ở Đây


Cũng tuân thủ nguyên tắc trên

Mục 1: Background của box: Các bạn tự chọn màu nha

(Đối với box-shadow, Vũ cũng không biết giải thích sao, mọi người tự tìm hiểu qua link sau: http://www.cssmatic.com/box-shadow hoặc tự tăng giảm thông số sẽ hiểu. Còn màu của box-shadow thì các bạn tự chọn lấy nha, dự vào mã màu css)

Mục 2 (tức là sau cái dấu gạch í), quay trở lại bài 1 ở cách trình bày đơn giản để hiểu, còn không thì cứ bỏ qua nha.

Ví dụ 4:


Nội dung đánh ở đây

Kỳ thực trong chuyện của Niên Niệm Thi, Lục Kiến Dực quả thực cũng rất có chừng mực, chẳng qua là dạnh tự của người nào đó giống như ma chú, vừa nhắc tới thì ca ca nàng liền trở nên bất thường.


Hai người rõ ràng là song sinh nhưng cứ như huynh muội khác trứng, Lục Kiến Chu cũng không hiểu nổi vì sao hai người lại khác nhau đến vậy.


Điểm hẹn là cầu Ô thước ở Thành Nam.


Lục Kiến Chu lúc nào cũng mù đường, đi theo Thường Hoan thất loan bát quải* mới đến nơi ước hẹn, từ xa xa đã nhìn thấy một thân bạch y thanh lệ thoát tục ngồi bên kia hồ đánh đàn.

Ad
07-05-15, 03:25 PM
Ví dụ 3: Chèn hình làm background cho bài viết(Các bạn quote để lấy code hoặc xem code như ở dưới nhé)

Code đây:

Có 2 code, các bạn muốn dùng cái nào cũng được:



Nội Dung Cần Thể Hiện



Nội Dung Cần Thể Hiện



Code này các bạn chỉ cần thay link ảnh ở phần background-image:url (, sau đó điền nội dung vào sẽ được như hình bên dưới nhé






Edit:
Beta:



Chương 1



Tay Diệp Vũ Trung đã chạm đến cửa phòng bệnh nhưng những nôn nóng và bất an lại khiến cô lưỡng lự không dám đi vào, đã rất nhiều lần, cô muốn vươn tay mở cửa, nhưng đến phút cuối cùng lại không có dũng khí mở nó ra. Vũ Trung cứ đứng trước cửa phòng do dự một hồi lâu, tận cho đến khi Thư Kiệt mang thức ăn đến thăm Tề Thấm Khải.

''Ủa? Diệp tiểu thư?'' Thư Kiệt tay cầm thức ăn đựng trong bình giữ nhiệt, anh sợ Tề Thấm Khải ăn không quen thức ăn trong bệnh viện, nên đặc biệt căn dặn đầu bếp ở Tề gia nấu một phần thức ăn riêng mang đến cho nàng. Anh không ngờ vừa tới trước cửa phòng bệnh đã nhìn thấy Diệp Vũ Trung đang băn khoăn đứng ngoài cửa.

Mỗi khi Diệp Vũ Trung nghe Thư Kiệt gọi cô là ''Diệp tiểu thư'', thì luôn cảm thấy không được thoải mái, lên tiếng trả lời, ''Thư Kiệt.''

''Sao cô không vào?'' Nếu Đại tiểu thư nhìn thấy cô ấy, chắc hẳn sẽ rất vui. Chỉ dựa vào điểm này, anh nhất định phải mang cô vào gặp nàng.

Vũ Trung nghẹn lời, không biết nên trả lời thế nào, chỉ xấu hổ đứng nguyên tại chỗ.

''Phiền cô giúp tôi cầm một lát, để tôi mở cửa. Thư Kiệt nhất quyết nhét bình giữ nhiệt vào tay Vũ Trung.

Vũ Trung không có biện pháp từ chối, đành ngoan ngoãn nhận lấy.

Thư Kiệt mỉm cười, mở cửa, "Đại tiểu thư, Diệp tiểu thư đến rồi.'' Anh ta nói xong liền đứng sang một bên để Tề Thấm Khải nhìn thấy Diệp Vũ Trung đang cúi đầu đi phía sau.

''Vũ Trung...'' Ánh mắt Tề Thấm Khải như có ánh hòa quang đang tỏa sáng, nhưng khi nàng nhớ đến quan hệ hiện tại giữa hai người, thì ánh mắt lại trở nên ảm đạm dị thường.

Trầm Ngôn lập tức phát hiện sự mất mát trong ánh mắt Tề Thấm Khải, xoay đầu dời tầm mắt về phía Diệp Vũ Trung, ''Vũ Trung, hôm qua em chạy đi đâu vậy? Sau khi chị quay lại chỗ cũ không thấy em nữa, gọi điện thoại cũng không được.''

Thư Kiệt cảm thấy không khí hơi gượng gạo, lại sợ Tề Thấm Khải thất vọng, liền nhắm mắt nói đại, ''Kỳ thật là do tôi đưa Diệp tiểu thư về nhà. Hôm nay Diệp tiểu thư còn cố ý đặc biệt nấu đồ ăn mang đến cho Đại tiểu thư.'' Anh ta nói xong lại sợ Tề Thấm Khải không tin, cầm lấy bình giữ nhiệt trong tay Diệp Vũ Trung đặt lên bàn ở cạnh giường bệnh của nàng, ''Tôi nói để tôi mang đến cho ngài, cô ấy lại nhất quyết không chịu, muốn tự mình mang đến mới chịu.''

Diệp Vũ Trung nghe Thư Kiệt nói xong thì căng hai mắt ra nhìn anh ta. Cô căn bản không quay về Tề gia mà ở lại trong bệnh viện chờ đến tận sáng hôm nay. Cô sợ bị Tề Gia Bình bắt gặp nên luôn trốn ở một nơi hẻo lánh trong bệnh viện. Cô thật nhìn không ra tài nói xạo không chớp mắt của Thư Kiệt lại lợi hại đến vậy. Mới vừa rồi còn nói cái gì mà để tôi mở cửa, rõ ràng là cố ý gài cô mà!




Thay ảnh đây:






Edit:
Beta:



Chương 1



Tay Diệp Vũ Trung đã chạm đến cửa phòng bệnh nhưng những nôn nóng và bất an lại khiến cô lưỡng lự không dám đi vào, đã rất nhiều lần, cô muốn vươn tay mở cửa, nhưng đến phút cuối cùng lại không có dũng khí mở nó ra. Vũ Trung cứ đứng trước cửa phòng do dự một hồi lâu, tận cho đến khi Thư Kiệt mang thức ăn đến thăm Tề Thấm Khải.

''Ủa? Diệp tiểu thư?'' Thư Kiệt tay cầm thức ăn đựng trong bình giữ nhiệt, anh sợ Tề Thấm Khải ăn không quen thức ăn trong bệnh viện, nên đặc biệt căn dặn đầu bếp ở Tề gia nấu một phần thức ăn riêng mang đến cho nàng. Anh không ngờ vừa tới trước cửa phòng bệnh đã nhìn thấy Diệp Vũ Trung đang băn khoăn đứng ngoài cửa.

Mỗi khi Diệp Vũ Trung nghe Thư Kiệt gọi cô là ''Diệp tiểu thư'', thì luôn cảm thấy không được thoải mái, lên tiếng trả lời, ''Thư Kiệt.''

''Sao cô không vào?'' Nếu Đại tiểu thư nhìn thấy cô ấy, chắc hẳn sẽ rất vui. Chỉ dựa vào điểm này, anh nhất định phải mang cô vào gặp nàng.

Vũ Trung nghẹn lời, không biết nên trả lời thế nào, chỉ xấu hổ đứng nguyên tại chỗ.

''Phiền cô giúp tôi cầm một lát, để tôi mở cửa. Thư Kiệt nhất quyết nhét bình giữ nhiệt vào tay Vũ Trung.

Vũ Trung không có biện pháp từ chối, đành ngoan ngoãn nhận lấy.

Thư Kiệt mỉm cười, mở cửa, "Đại tiểu thư, Diệp tiểu thư đến rồi.'' Anh ta nói xong liền đứng sang một bên để Tề Thấm Khải nhìn thấy Diệp Vũ Trung đang cúi đầu đi phía sau.

Ad
07-18-15, 04:28 AM
Kỳ thực trong chuyện của Niên Niệm Thi, Lục Kiến Dực quả thực cũng rất có chừng mực, chẳng qua là dạnh tự của người nào đó giống như ma chú, vừa nhắc tới thì ca ca nàng liền trở nên bất thường.

Hai người rõ ràng là song sinh nhưng cứ như huynh muội khác trứng, Lục Kiến Chu cũng không hiểu nổi vì sao hai người lại khác nhau đến vậy.

Điểm hẹn là cầu Ô thước ở Thành Nam.

Lục Kiến Chu lúc nào cũng mù đường, đi theo Thường Hoan thất loan bát quải* mới đến nơi ước hẹn, từ xa xa đã nhìn thấy một thân bạch y thanh lệ thoát tục ngồi bên kia hồ đánh đàn.







Kỳ thực trong chuyện của Niên Niệm Thi, Lục Kiến Dực quả thực cũng rất có chừng mực, chẳng qua là dạnh tự của người nào đó giống như ma chú, vừa nhắc tới thì ca ca nàng liền trở nên bất thường.

Hai người rõ ràng là song sinh nhưng cứ như huynh muội khác trứng, Lục Kiến Chu cũng không hiểu nổi vì sao hai người lại khác nhau đến vậy.

Điểm hẹn là cầu Ô thước ở Thành Nam.

Lục Kiến Chu lúc nào cũng mù đường, đi theo Thường Hoan thất loan bát quải* mới đến nơi ước hẹn, từ xa xa đã nhìn thấy một thân bạch y thanh lệ thoát tục ngồi bên kia hồ đánh đàn.

Ad
07-19-15, 08:01 AM
Kỳ thực trong chuyện của Niên Niệm Thi, Lục Kiến Dực quả thực cũng rất có chừng mực, chẳng qua là dạnh tự của người nào đó giống như ma chú, vừa nhắc tới thì ca ca nàng liền trở nên bất thường.

Hai người rõ ràng là song sinh nhưng cứ như huynh muội khác trứng, Lục Kiến Chu cũng không hiểu nổi vì sao hai người lại khác nhau đến vậy.

Điểm hẹn là cầu Ô thước ở Thành Nam.

Lục Kiến Chu lúc nào cũng mù đường, đi theo Thường Hoan thất loan bát quải* mới đến nơi ước hẹn, từ xa xa đã nhìn thấy một thân bạch y thanh lệ thoát tục ngồi bên kia hồ đánh đàn.




Kỳ thực trong chuyện của Niên Niệm Thi, Lục Kiến Dực quả thực cũng rất có chừng mực, chẳng qua là dạnh tự của người nào đó giống như ma chú, vừa nhắc tới thì ca ca nàng liền trở nên bất thường.

Hai người rõ ràng là song sinh nhưng cứ như huynh muội khác trứng, Lục Kiến Chu cũng không hiểu nổi vì sao hai người lại khác nhau đến vậy.

Điểm hẹn là cầu Ô thước ở Thành Nam.

Lục Kiến Chu lúc nào cũng mù đường, đi theo Thường Hoan thất loan bát quải* mới đến nơi ước hẹn, từ xa xa đã nhìn thấy một thân bạch y thanh lệ thoát tục ngồi bên kia hồ đánh đàn.

Ad
08-13-15, 05:10 PM
Nội dung đánh ở đây

Kỳ thực trong chuyện của Niên Niệm Thi, Lục Kiến Dực quả thực cũng rất có chừng mực, chẳng qua là dạnh tự của người nào đó giống như ma chú, vừa nhắc tới thì ca ca nàng liền trở nên bất thường.


Hai người rõ ràng là song sinh nhưng cứ như huynh muội khác trứng, Lục Kiến Chu cũng không hiểu nổi vì sao hai người lại khác nhau đến vậy.


Điểm hẹn là cầu Ô thước ở Thành Nam.


Lục Kiến Chu lúc nào cũng mù đường, đi theo Thường Hoan thất loan bát quải* mới đến nơi ước hẹn, từ xa xa đã nhìn thấy một thân bạch y thanh lệ thoát tục ngồi bên kia hồ đánh đàn.

Ad
08-18-15, 08:01 AM
Nội dung

Nội dung

Ad
08-18-15, 08:30 AM
Nội dung trình bày

Nội dung trình bày

Ad
08-18-15, 08:37 AM
Nội Dung Đánh Vào Đây

Ad
11-09-15, 04:02 PM
Hạ Linh Doanh bất lực cười, dưới cái nhìn chằm chằm của bốn người, Tiêu Mạc Ngôn sảng khoái ôm eo Hạ Linh Doanh đi ra ngoài, không mảy may ngoái lại, mà Hạ Linh Doanh cũng vẫn bình tĩnh như thường, nghiêng đầu nhìn Tiêu Mạc Ngôn mỉm cười, ánh mắt yêu thương say đắm nồng nàn không hề che giấu.

Tô Nam và Hà Nhiễm Nhiễm trợn mắt há mồm nhìn hai người, tuy nói trước đây từng nhìn thấy báo chí đưa tin có liên quan đến việc Tiêu Mạc Ngôn công khai xu hướng giới tính, nhưng rốt cuộc trăm nghe không bằng mắt thấy. Tiêu tổng quả nhiên như trong lời đồn, phóng đãng không kiềm chế được, thích chính là thích, bất kể giới tính, vô tư lự mà thừa nhận, hoàn toàn không quan tâm đến ánh mắt của người khác, bởi vì ở trong lòng cô không thể chấp nhận Hạ Linh Doanh phải chịu dù chỉ một chút ủy khuất, đây là người phụ nữ của cô, cho dù là ai cũng không được phép chỉ trỏ.


Trích "Thụ và Thụ Cần Gì Làm Khó Nhau"- Diệp Sáp
www.bachgiatrang.com (http://www.bachgiatrang.com)

Ad
11-10-15, 02:17 PM
Hạ Linh Doanh bất lực cười, dưới cái nhìn chằm chằm của bốn người, Tiêu Mạc Ngôn sảng khoái ôm eo Hạ Linh Doanh đi ra ngoài, không mảy may ngoái lại, mà Hạ Linh Doanh cũng vẫn bình tĩnh như thường, nghiêng đầu nhìn Tiêu Mạc Ngôn mỉm cười, ánh mắt yêu thương say đắm nồng nàn không hề che giấu.

Tô Nam và Hà Nhiễm Nhiễm trợn mắt há mồm nhìn hai người, tuy nói trước đây từng nhìn thấy báo chí đưa tin có liên quan đến việc Tiêu Mạc Ngôn công khai xu hướng giới tính, nhưng rốt cuộc trăm nghe không bằng mắt thấy. Tiêu tổng quả nhiên như trong lời đồn, phóng đãng không kiềm chế được, thích chính là thích, bất kể giới tính, vô tư lự mà thừa nhận, hoàn toàn không quan tâm đến ánh mắt của người khác, bởi vì ở trong lòng cô không thể chấp nhận Hạ Linh Doanh phải chịu dù chỉ một chút ủy khuất, đây là người phụ nữ của cô, cho dù là ai cũng không được phép chỉ trỏ.


Trích "Thụ và Thụ Cần Gì Làm Khó Nhau"- Diệp Sáp
www.bachgiatrang.com (http://www.bachgiatrang.com)

S3KO0713
03-29-20, 02:59 AM
Ad ơi, làm sao để chiều rộng của khung nhỏ lại vậy ạ?

Ad
04-01-20, 03:05 PM
Ad ơi, làm sao để chiều rộng của khung nhỏ lại vậy ạ?
Dùng code Nội dung

S3KO0713
04-02-20, 11:16 AM
Cảm ơn AD nhiều nhiều (>.<) :quynao: