Thứ Sáu, 27 tháng 1, 2023

Cách mod giao diện Client LMHT

Chúng ta từng nghe tới việc mod skin lol là phổ biến, hay killmark cũng là khá nhiều rồi đúng không? Tuy nhiên mình sẽ giới thiệu cho các bạn một cái mới toanh hơn, và cũng đặc biệt hơn. Đó chính là Mod giao diện client LMHT.

Hầu như phần mod giao diện này sẽ khá khó bởi vì dễ bị Lol quét và có thể bị block nên ít người tạo được tool cái này đơn giản như phần đổi ngôn ngữ hiệu ứng sang bên Nhật Bản hay Trung cũng vậy, âm thanh của nhân vật nói cũng khác nhưng chúng ta buộc phải đổi sang server bên đó nếu chúng ta dùng server Việt mà dùng hiệu ứng file nhân vật tiếng Trung, Nhật cũng có thể bị khoá nick đó. 

>> Tự động Pick-lock tướng LOL tốc độ bàn thờ chỉ bằng trình duyệt web

Thôi quay trở lại vấn đề chính, phần mod giao diện liên minh huyền thoại này dành cho những bạn nào cá tính, thích có phong cách riêng - Cách làm sẽ như sau:

1. Cách mod giao diện Client LMHT

Tải file ZIP bản mới nhất của League Loader tại đây.

Giải nén file và chạy League Loader.exe - Nếu bị Windows Defender hoặc Antivirus chặn thì bạn nên thêm nó vào loại trừ (exclusion).

Tiếp theo chọn thư mục đến Client LMHT - Nếu bạn mở sẵn Client thì nó tự động nhận biết đường dẫn.

Nhấn INSTALL để tích hợp plugins vào là xong.

Ngoài ra tool cũng hỗ trợ tiếng Việt, bạn chỉ cần nhấn vào chữ [Tiếng Việt] bên góc. - Ta có 2 cách làm khác nhau, mỗi cái có ưu điểm riêng nhưng nên chọn cách 1 cho dễ thực hiện.

Cách 1 - Thêm CSS vào thư mục plugins

Okay, mình sẽ ví dụ với file theme này: https://webdevtestbutch.000webhostapp.com/assets/Noxius.css
Bạn tải nó về và đổi tên thành theme.css.- Lưu ý nếu mở trên trình duyệt và chỉ hiện nội dung của file thì hãy nhấn Ctrl+S để lưu.
Đầu tiên bạn copy file theme.css lúc nãy vào thư mục plugins. Tiếp theo tạo một file có tên là theme.js rồi dán đoạn code sau:
function insertCss(css) {
    const style = document.createElement('style')
    style.textContent = css
    document.body.append(style)
}

window.addEventListener('load', () => {
    insertCss(require('./theme.css'))
})
Lưu code xong và chỉ việc chạy Client để nó tải theme.

Nếu bạn muốn dùng file CSS khác, bạn chỉ cần sửa trong đoạn require('./theme.css').

Cách 2 - Host CSS trên server

Ưu điểm của cách này là dành cho nhưng ai muốn update theme lâu dài. Đầu tiên bạn chỉ việc đưa file theme CSS của bạn lên một hosting bất kỳ hỗ trợ host file tĩnh. Mình sẽ không hướng dẫn chi tiết phần này, bạn có thể Google để tìm hiểu nhé.

Sau khi host xong, ta sẽ có được link đến file theme, tại đây dùng file theme ở cách trên, nó có sẵn link rồi https://webdevtestbutch.000webhostapp.com/assets/Noxius.css.

Tiếp theo tạo một file theme.js và thêm đoạn code sau vào:
function addCss(filename) {
  const style = document.createElement('link')
  style.href = filename
  style.type = 'text/css'
  style.rel = 'stylesheet'
  document.body.append(style)
}

window.addEventListener('load', () => {
  addCss('https://webdevtestbutch.000webhostapp.com/assets/Noxius.css')
})
Lưu code và chạy Client là xong.

3. Chèn hình ảnh, âm thanh, video, phông chữ...

Những thứ này được gọi là tài nguyên hay resources.

Trong theme ví dụ trên, các tài nguyên được người làm theme tạo sẵn và host trên máy chủ của họ. Bạn hoàn toàn có thể thay thế chúng bằng cái khác theo ý thích. 

Để sử dụng nhanh hình ảnh, bạn có thể copy nội dung hình ảnh và dán nó vào Imgur hay bất kỳ dịch vụ lưu trữ ảnh tương tự.

Đối với các tài nguyên được lưu trữ trên GitHub, bạn nên sử dụng thông qua RawGitHack để tránh bị chặn.

Từ phiên bản 0.5a trở trở lên, bạn hoàn toàn có thể sử dụng trực tiếp resources trong máy.

  • Đầu tiên hãy tạo một thư mục có tên là assets ngay cạnh thư mục plugins.
  • Cho các tài nguyên mà bạn mong muốn vào.
  • Sử dụng link //assets/<file-tài-nguyên>

Ví dụ với thay đổi ảnh nền bằng thuộc tính background trong CSS. Mình có file background.png và cho nó vào thư mục assets. Và mình thêm vào CSS:

.loot-backdrop .lol-uikit-video-content {

  background: url(//assets/background.png);

}

4. Bonus: dành cho những ai thích vọc vạch

League Loader hỗ trợ mở DevTools có sẵn trong Client, đây là công cụ cực mạnh hỗ trợ tùy chỉnh mọi thứ trên giao diện web (giống với F12 trên trình duyệt vậy).

Bạn chỉ việc nhấn tổ hợp Ctrl Shift I hoặc phím F12 trên Client. Nếu nó không mở (thường là do bạn vừa click vào các event trên trang chủ) thì sử dụng nút Show DevTools trong cài đặt nhé.

Chỉ cần nhấn mũi tên trong DevTools và đi chuột vào các thành phần giao diện trên Client rồi click vào là có thể thay đổi nội dung nhanh chóng. Kết hợp với kiến thức JavaScript và CSS, bạn có thể tự tạo thêm một plugin mới để tự động hóa việc tùy biến theme.

Chúc bạn thành công!

>>> Cách Mod Skin Free Fire Full vũ khí, Full trang phục dễ dàng

>>> Hướng dẫn cách chuyển đổi Tài khoản từ GARENA sang RIOT

Previous Post
Next Post

post written by: