Khắc phục hiện tượng bể giao diện ở trang chủ Bo-Blog ?

24.075

Như các bạn đã biết Bo-Blog cho phép chúng ta hiển thị trước một phần nội dung của bài viết bên ngoài trang chủ ( Index ) bằng việc chèn dấu ngắt separator vào nội dung bài viết. Mọi chuyện sẽ bình thường nếu bạn sử dụng trình soạn thảo UBB để viết bài, vì Bo-Blog hổ trợ rất tốt mã UBB. Nhưng trình soạn thảo này lại có nhiều khuyết điểm, hạn chế khi bạn sao chép bài viết từ nguồn khác ( do nó chỉ có thể copy và past được phần có nội dung văn bản mà không kèm theo định dạng ) nên sẽ làm bạn mất nhiều thời gian để copy và lại định dạng lại cho bài viết . Nếu bạn sử dụng trình soạn thảo cao cấp hơn như TinyMCE Rich text editor ( có sẵn ) hay FCK Rich text editor ( phải cài thêm – tuy nhiên mình thấy còn nhiều lỗi trên Bo blog ) thì việc sao chép bài viết khá dễ dàng và nhanh chóng , vì nó cho phép sao chép luôn định dạng ( màu sắc, bảng, canh lề,…) và hình ảnh.Và một vấn đề gặp phải ở các trình soạn thảo Rich text này là hiện tượng giao diện của bạn sẽ bị vỡ trông rất khó coi ( thường thấy nhất là thanh slide bar bị tống xuống phía dưới, chỉ xảy ra ở trang index.php ) khi bạn chèn dấu ngắt vào bài viết, mà không chèn thì cũng không được:d vì nếu bài viết của bạn quá dài thì trang chủ cũng dài theo.Bản thân của mình lúc trước cũng hay gặp tình trạng này nhưng cũng sớm khắc phục được lỗi này bằng cách :
– Không chèn dấu ngắt trực tiếp vào nội dung bài viết mà chọn mục “viết một nội dung khác để thay thế cho phần rút gọn ” sau đó copy phần nội dung ở bài viết chính ( phần muốn hiện  ngoài trang chủ ) rồi past vào. Xong rồi bây giờ bạn cứ thoải máy copy bài nhé nhưng nhớ ghi nguồn vì công sức của người viết bài gốc rất mệt đấy (:| ) họ sẽ không vui tí nào nếu nhìn thấy bạn copy một phần hoặc y chang bài viết của họ mà không ghi nguồn ^^.

– Đặc điểm của cách rút gọn này là phần nội dung ngoài trang chủ có thể khác và sẽ không xuất hiện khi xem bài viết chi tiết vì thế bạn nên chú ý copy cho đúng nếu muốn nó hiện giống y như trong bài viết chi tiết nhé .

Ngoài ra bạn cũng có thể gặp tình trạng bể giao diện vì các lý do khác như : cài đặt các module có kích thước lớn hơn so với kích thước slidebar, hay chèn hình ảnh kích thước quá lớn . Bạn nên chỉnh chế độ tự động resize cho ảnh có kích thước lớn hơn khung bài viết ( chỉ tác có dụng với mã UBB , chỉnh trong phần thiết lập tham số ), lựa chọn các module có kích thước phù hợp với giao diện , nếu có thể bạn chỉnh lại kích thước chiều dài và rộng cho phù hợp .
Demo http://canthoit.info/post/195/
Have fun !