Như các bạn đã biết giao diện màn hình phần Quiz (Đề thi trắc nghiệm) trên moodle không được gọn gàng cho lắm - nên mình đã đăng bài trên moodle.org để yêu cầu chỉnh sửa thành 1 khối và may mắn với sự giúp đỡ của một vài moodlers mình đã chỉnh sửa như mình mong muốn. Vì vậy, trong bài viết này mình sẽ hướng dẫn lại cho các bạn có nhu cầu chỉnh sửa:
1. Giao diện màn hình phần Quiz trên moodle mặc định:
2. Giao diện màn hình phần Quiz trên moodle sau khi chỉnh sửa:
3. Muốn chỉnh sửa phần thông tin câu (câu hỏi số mấy, Chưa trả lời, Điểm câu hỏi, cắm cờ câu hỏi...) và nội dung câu hỏi thành 1 khối các bạn làm như sau:
- Site administration / ► Appearance / ► Themes / ► More (Theme bạn đang sử dụng. Ví dụ: mình đang sử dụng theme More) - copy và dán đoạn code sau vào Custom CSS - rồi Save changes. Nhớ Purge All Caches nha!
.que .info {
float: none;
width: auto;
}
.que .info > div {
font-size: 13px;
margin-left: 20px;
margin-right: 20px;
}
.que .info > div {
display: inline;
}
.que .content {
margin: 0 0 0 0;
width: auto;
}
.que .info {
border: 1px hidden;
border-radius: 5px 5px 0 0;
margin-bottom: 0;
padding: 5px;
}
.que h3.no {
display: inline;
font-size: 12px;
line-height: 1;
margin-left: 15px;
margin-right: 20px;
}* Lưu ý: bạn nên chỉnh: margin-bottom: 0; để thành 1 khối. Còn các phần khác bạn chỉnh tùy ý.
4. Bài viết của mình trên moodle.org - Bạn xem: TẠI ĐÂY