Cộng đồng Moodle Việt Nam

Chào bạn,

Do moodle sử dụng Bootstrap 4 nên một số cấu trúc bị thay đổi nên code trên không còn tác dụng nữa! thaytro.net mất mấy ngày mới mò ra cấu trúc mới của moodle và thay đổi khá nhiều code để được giao diện như hiện tại. Cụ thể bạn mới thay đổi chỗ nào? thì chụp lại hình - nếu biết thaytro.net sẽ hướng dẫn cho bạn!

Chào bạn,

Phần này thaytro.net làm cũng lâu rồi nên không nhớ chính xác code nào của phần nào nữa! Nên chia sẻ bạn cả đoạn - bạn vui lòng test xem đoạn code nào bạn cần thì sử dụng nha!

- Tùy chỉnh các đường LINK của menu [ĐƯỜNG LINK LỚN]

.navbar-dark .navbar-nav .nav-link { 

    color: #fff; 
    font-size: 15px; 
    font-weight: 700; 
} 
- Tùy chỉnh các dấu Mũi tên sau các đường LINK của menu [ĐƯỜNG LINK LỚN]
.dropdown-toggle::after { 
    color: #fff; 
} 
- Tùy chỉnh RÊ CHUỘT đổi màu các đường LINK của menu [ĐƯỜNG LINK LỚN]
li.dropdown.nav-item:hover { 
    background-color: blue; 
} 

- Tùy chỉnh RÊ CHUỘT đổi màu các submenu của menu [ĐƯỜNG LINK NHỎ]
.dropdown-item:hover { 
    color: #fff; 
    text-decoration: none; 
    background-color: #00a4d5; 
    background-image: linear-gradient(to bottom,#00acdf,#0098c6); 
} 
- Tùy chỉnh các submenu của menu [ĐƯỜNG LINK NHỎ] như màu chữ, font-weight và đường kẻ phân chia từng link

a.dropdown-item { 
    color: #fff;
    font-weight: bold;
    border-bottom: solid 1px #b3b3b3; 
} 

- Thay đổi màu của các icon như tin nhắn, thông báo...
.navbar-dark a .icon { 
    color: #fff!important; 
} 

- Thay đổi màu của (log in) = (Đăng nhập)
.usermenu .login a { 
    color: #fff; 
} 

- Thay đổi màu của (log in) = (Đăng nhập) khi rê chuột
.usermenu .login a:hover, .usermenu .login a:focus { 
    color: #ff0000; 
    text-decoration: underline; 
} 

- Thay đổi màu của Tên đăng nhập
.usermenu .login { 
    line-height: 2.25rem; 
    color: #fff; 
} 
- Hình như cái bạn cần là đoạn màu đỏ! Thật sự không nhớ chính xác! 

- Lưu ý: chỗ nào có chữ dark thì bạn thay bằng light nha!