K
[King-Game]
New Member
Mở đầu:
RIP skin là gì: Từ “Rip” có nghĩa là copy, rip skin tức là copy lại style của 1 forum nào đó mà bạn cảm thấy đẹp mà lại hok tìm thấy ai share. Nói trước là rip skin ko phải là 1 việc đẹp đẽ gì, nhưng đối với cộng đồng vbb thì ít ai quan tâm đến việc này. Nói chung là tập cho biết.
BẮT TAY VÀO VIỆC:
Đối với những tut khác thì họ thường chỉ bạn tách hết hình một lượt rồi mới tới code, nhưng theo tớ thì làm như vậy khó phân loại hình và rất tốn thời gian, cho nên tớ sử dụng cách làm song song, mò code tới đâu thì tách hình tới đó.
CÔNG CỤ:
- Firefox Beta 12 (dễ phân chia hình ảnh hơn)
- Internet Explorer (dùng để kiểm tra coi còn thiếu hình nào và kiểm tra xem skin có hiển thị chính xác trên cả 2 trình duyệt ko)
- Addon Fire Bug Firefox (Day là pulgin của firefox chuyên xem cấu trúc website)
- Một chút kiến thức về cấu trúc template & html
Thứ cuối cùng là , 1 cái skin của victim mà bạn muốn rip
Trước khi đụng đến skin cần rip, bạn vào admincp > Styles & Templates > Style Manager > nhấn vào Add New Style. Đặt tên cho skin, chọn no parent, sau đó nhấn save
1-CSS
Đầu tiên, chúng ta sẽ xử lí CSS và những hình ảnh trong đó trước.
Vào forum của skin cần rip, view page source của skin đó, nếu kéo xuống một chút thì bạn sẽ thấy phần <!-- CSS Stylesheet --> màu xanh lá cây. Ở dưới phần đó là một mớ code toàn màu đen. Bạn copy từ phần body { cho tới hết phần màu đen đó (trước tag </style> màu tím)
Sau khi copy, bạn vào All style options của cái style mới add hòi nãy. Kéo xuống dưới bạn sẽ thấy phần Additional CSS Definitions. Có 2 box, trong đó box đầu tiên có sẵn code trong đó, xóa hết đi và paste cái code vừa copy hồi nãy vào > save lại
Như vậy là cái skin đã có chút xíu màu mè, nhưng chưa có hình gì hết. Muốn lấy hình, bạn coi cái CSS, đi từ trên xuống dưới…có hình nào thì copy cái link, bỏ lên trình duyệt đằng sau cái domain của forum bạn đang rip. Chú ý khi save hình về thì bạn nên tạo box và đặt đúng hình vào box đó lun ngay sau khi save kế tiếp F5 forum của bạn lại.Chú ý: có một số forum save css của họ vào 1 file và chèn nó vào phần css. Nếu như vậy thì copy css trong file đó về rồi làm y cũ.
2.CẤU TRÚC
Xong phần css thì forum bạn cũng tạm “có màu” rồi, bây giờ tới phần cấu trúc của forum, html.
Như các bạn thấy thì 1 skin của vbb có rất nhiều template, nhưng những template làm nên 1 cấu trúc style của skin thì chỉ có vài cái, ở đây tớ ghi những template đó ra từ trên xuống dưới:
- Header (chứa banner)
- Navbar (một số skin hok cần cái này)
- FORUMHOME
- Forumhome_forumbit_level1_nopost (style của phần category ở index)
- Footer
- (Trong một vài trường hợp thì có thêm headinclude)
Đối với một số skin “quá phức tạp”thì có thể sẽ phải dụng đến những template khác, nhưng trường hợp này rất ít.
Nói chung về phần này rất khó chỉ, vì mỗi skin mỗi khác, chủ yếu là cần phải quan sát. Để nhận ra phần nào nằm ở đâu, thì có 1 cách.Chắc các bạn cũng thấy là trong template vbb nó có những cột mốc riêng cho từng phần, những cột móc này chính là những tag <!-- bắt đầu --> và <!-- /kết thúc -->
Ví dụ: <!-- logo --> và <!-- /logo -->
Như ví dụ ở trên, thì những gì nằm chính giữa 2 tag đó là thuộc về phần logo, chắc hẳn nó phải nằm trong header. Bạn chỉ việc copy cái phần đó bỏ vào header và thay thế đi phần logo của skin mặc định.Khi bạn thấy 1 tag nào đó mà ko bít nó nằm ở đâu thì chỉ việc bỏ vào search in template để tìm kiếm.Cứ thế mà từ từ đi xuống hết phần pagesource. Đi tới đâu thì tách hình tới đó.- Trong những template có chữ của vbb như navbar, forumhome_forumbit_level1_nopost…nó ko có những chữ y như ngoài index hiện lên, mà nó sử dụng vbphrase ($vbphrase[ ]) để khi chuyển ngôn ngữ thì những chữ đó cũng chuyển lun. Cho nên khi copy, bạn ko hẳn là copy 100% tất cả mọi thứ, mà phải thay thế những vbphase đó vô.
RIP skin là gì: Từ “Rip” có nghĩa là copy, rip skin tức là copy lại style của 1 forum nào đó mà bạn cảm thấy đẹp mà lại hok tìm thấy ai share. Nói trước là rip skin ko phải là 1 việc đẹp đẽ gì, nhưng đối với cộng đồng vbb thì ít ai quan tâm đến việc này. Nói chung là tập cho biết.
BẮT TAY VÀO VIỆC:
Đối với những tut khác thì họ thường chỉ bạn tách hết hình một lượt rồi mới tới code, nhưng theo tớ thì làm như vậy khó phân loại hình và rất tốn thời gian, cho nên tớ sử dụng cách làm song song, mò code tới đâu thì tách hình tới đó.
CÔNG CỤ:
- Firefox Beta 12 (dễ phân chia hình ảnh hơn)
- Internet Explorer (dùng để kiểm tra coi còn thiếu hình nào và kiểm tra xem skin có hiển thị chính xác trên cả 2 trình duyệt ko)
- Addon Fire Bug Firefox (Day là pulgin của firefox chuyên xem cấu trúc website)
- Một chút kiến thức về cấu trúc template & html
Thứ cuối cùng là , 1 cái skin của victim mà bạn muốn rip
Trước khi đụng đến skin cần rip, bạn vào admincp > Styles & Templates > Style Manager > nhấn vào Add New Style. Đặt tên cho skin, chọn no parent, sau đó nhấn save
1-CSS
Đầu tiên, chúng ta sẽ xử lí CSS và những hình ảnh trong đó trước.
Vào forum của skin cần rip, view page source của skin đó, nếu kéo xuống một chút thì bạn sẽ thấy phần <!-- CSS Stylesheet --> màu xanh lá cây. Ở dưới phần đó là một mớ code toàn màu đen. Bạn copy từ phần body { cho tới hết phần màu đen đó (trước tag </style> màu tím)
Sau khi copy, bạn vào All style options của cái style mới add hòi nãy. Kéo xuống dưới bạn sẽ thấy phần Additional CSS Definitions. Có 2 box, trong đó box đầu tiên có sẵn code trong đó, xóa hết đi và paste cái code vừa copy hồi nãy vào > save lại
Như vậy là cái skin đã có chút xíu màu mè, nhưng chưa có hình gì hết. Muốn lấy hình, bạn coi cái CSS, đi từ trên xuống dưới…có hình nào thì copy cái link, bỏ lên trình duyệt đằng sau cái domain của forum bạn đang rip. Chú ý khi save hình về thì bạn nên tạo box và đặt đúng hình vào box đó lun ngay sau khi save kế tiếp F5 forum của bạn lại.Chú ý: có một số forum save css của họ vào 1 file và chèn nó vào phần css. Nếu như vậy thì copy css trong file đó về rồi làm y cũ.
2.CẤU TRÚC
Xong phần css thì forum bạn cũng tạm “có màu” rồi, bây giờ tới phần cấu trúc của forum, html.
Như các bạn thấy thì 1 skin của vbb có rất nhiều template, nhưng những template làm nên 1 cấu trúc style của skin thì chỉ có vài cái, ở đây tớ ghi những template đó ra từ trên xuống dưới:
- Header (chứa banner)
- Navbar (một số skin hok cần cái này)
- FORUMHOME
- Forumhome_forumbit_level1_nopost (style của phần category ở index)
- Footer
- (Trong một vài trường hợp thì có thêm headinclude)
Đối với một số skin “quá phức tạp”thì có thể sẽ phải dụng đến những template khác, nhưng trường hợp này rất ít.
Nói chung về phần này rất khó chỉ, vì mỗi skin mỗi khác, chủ yếu là cần phải quan sát. Để nhận ra phần nào nằm ở đâu, thì có 1 cách.Chắc các bạn cũng thấy là trong template vbb nó có những cột mốc riêng cho từng phần, những cột móc này chính là những tag <!-- bắt đầu --> và <!-- /kết thúc -->
Ví dụ: <!-- logo --> và <!-- /logo -->
Như ví dụ ở trên, thì những gì nằm chính giữa 2 tag đó là thuộc về phần logo, chắc hẳn nó phải nằm trong header. Bạn chỉ việc copy cái phần đó bỏ vào header và thay thế đi phần logo của skin mặc định.Khi bạn thấy 1 tag nào đó mà ko bít nó nằm ở đâu thì chỉ việc bỏ vào search in template để tìm kiếm.Cứ thế mà từ từ đi xuống hết phần pagesource. Đi tới đâu thì tách hình tới đó.- Trong những template có chữ của vbb như navbar, forumhome_forumbit_level1_nopost…nó ko có những chữ y như ngoài index hiện lên, mà nó sử dụng vbphrase ($vbphrase[ ]) để khi chuyển ngôn ngữ thì những chữ đó cũng chuyển lun. Cho nên khi copy, bạn ko hẳn là copy 100% tất cả mọi thứ, mà phải thay thế những vbphase đó vô.
