Phương pháp rip 1 style xenforo?

Mình muốn học rip style thì các bước như nào... Hướng dẫn mình được không?

 

Nguyên tắc rip là cần 3 thứ:

- CSS
- Images
- Html

Vậy bạn save as cái site mà bạn muốn Rip về và theo dõi các file styles.css, các Icons images (chú ý nó có đường dẫn nằm trong styles.css), sau đó bạn lựa chọn 1 styles có bố cục sát nhất với styles muốn rip, nếu có sẵn style gốc thì càng tốt. Đối với Xenforo styles đc quy định bằng các template dạng xml vậy nên từ file styles.css bạn phải tìm và so sánh các thuộc tính và thay thế vào template thích hợp trong admincp. Tiếp theo là upload các ảnh background và icons vào đúng đường dẫn.

Đối với 1 số tùy biến Html thì bạn kiểm tra xem styles gốc có các class hoặc id chưa, nếu chưa có thì do chủ site tự thêm vào và bạn có thể thêm các thuộc tính class và id tại template EXTRA.css.

Rip styles đòi hỏi khá tỉ mỉ và công phu đặc biệt với các styles chưa có bản share gốc trên mạng. Bạn thử rip 1 styles cơ bản của Xenforo rồi từ đó dần dần rip các styles phức tạp

 

Giới thiệu thêm các add-on không thể thiếu cho bạn
+ add-on Firebug cho FireFox (bắt các class, các id của CSS)
+ Phần mềm Color Cop (lấy các mẫu màu) http://colorcop.net/screenshots
Đồi hỏi kỷ năng CSS và HTML

 

Chia sẻ kinh nghiệm rip cho nhiều bạn chưa biết ở đây là trình duyệt Chrome và Firefox có chức năng phân tích thành phần website (các trình duyệt khác cũng có nhưng mình ít dùng) hoăc có thể cài thêm các Add-on hỗ trợ phân tích website kiểu Bug , có thể tùy chỉnh hiển thị để hỗ trợ các bạn tìm lỗi và chỉnh sửa styles tốt hơn. Với giao diện tùy chỉnh bên trái là HTML và bên phải là CSS tương ứng. Ngoài ra chức năng này cũng hỗ trợ báo lỗi xung đột javascript hoặc các lỗi cơ bản của hiển thị HTML. Các bạn tự tìm hiểu thêm nhé

Chúc thành công!

 

Rip tức là đi ăn cắp à

 

Còn tùy vào mục đích RIP

 

Rảnh rỗi qua ăn cắp Skin của Admin

 

Sẵn sàng share nếu cần nhưng hoàn toàn không mong muốn có 1 bản sao như đúc

 

mình hay dùng google chrome thôi, chứ ff cũng chả biết xài
rồi cho css vào đúng vị trí nè, các div và class giống như trang demo là ok thôi, mình để ý đa số skin đều thay đổi cấu trúc template PAGE_CONTAINER LÀ chính còn các tem khác thì chắc ít thay đổi

 

Firefox thì dùng Firebug khá lợi hại
Chú ý rằng các CSS điều ưu tiên EXTRA.css cái nào đặt ở đây điều thực thi ưu tiên (không phải tất cả), nên nếu không biết nhé CSS vào đâu thì nhét hết vào đây.

 

Mình thì cứ xài Inspect Elements của Chrome thôi