PDA

View Full Version : [Hướng Dẫn] Convert skin



Dunglx
22-06-2011, 09:08 PM
Mình kiếm được cái này các bác ngâm cứu và bàn luận nhé

I.Convert về mặt hình thức => Version vbb đúng là import ngon lành bất kể code bên trong có hay ko có lỗi
Cách 1: Mở file xml = 1 chương trình soạn thảo bất kì sửa lại dòng số 2
<style name="Default Style" vbversion="xxx" product="vbulletin" type="custom">
xxx = version style bạn muốn .Save lại và up lên
Cách 2: Cứ up và mục Ignore Style Version chọn Yes
Đối với vbb chênh lệch nhau 1 vài phiên bản VD từ 3.53 -> 3.54 thì bạn có thể làm kiểu này, các ver như thế đa phần vbb chỉ sửa bug và 1 chút code nên phần template bên trong hầu như ko thay đổi ,có thể yên tâm sử dụng
II.Convert toàn bộ
Riêng những bản update lớn từ vd 3.0x ->3.5x -> 3.6x ,các skin bỏ qua ver vẫn có thể sử dụng được nhưng các chức năng mới sẽ bị hạn chế .Giải pháp phải chọn convert lại toàn bộ để có thể sử dụng hết toàn bộ công năng của vbb bản ấy . (Nếu phần template màu đỏ ko nhiều bạn cũng có thể chọn giải pháp là revert từng cái cho nhanh ,nếu quá nhiều thì hãy làm theo các bước dưới )

* Thực hiện:
*B1:Copy toàn bộ img từ skin cũ vào skin mới và bỏ đúng vị trí tương ứng ( tốt nhất bỏ vào 1 TM cho gọn)
*B2Không bắt buộc) Mở skin cũ ( tại vbb bản cũ) view/source ,copy phần css (Nó nằm giữa thẻ <style> ấy) cho vào 1 file riêng và đặt tại thư mục gốc skin cần convert (nhớ chỉnh đường dần các img trong css lại cho khớp với đường dẫn bạn đặt file này nhé)
-Vào vbb tạo 1 style mặc định mới ,tại headinclude tìm $style[css] và thay nó bằng
<link rel="stylesheet" href="link" type="text/css" />
link= đường dẫn đến file css vừa tạo ban đầu
*B3:Copy toàn bộ header và footer template cũ vào vị trí header ,footer mới .Theo kinh nghiệm của mình thì phần này các phiên bản ko có gì là thay đổi .Cứ an tâm mà làm ,như vậy bạn hoàn thành 70% thao tác convert ,và đã convert xong cái vỏ bên ngoài
B4: Chỉnh sửa cấu trúc bên trong .Phần này bạn tham khảo bài viết số 1 của mình để biết các thao tác tách box chỉnh sửa ,và các vị trí cơ bản của các thành phần trong vbb style . Các template cần chỉnh sửa thường sẽ gồm:
-navbar
-forumdisplay
-forumhome
-forumhome_forumbit_level1_nopost
-forumhome_forumbit_level1_post
-forumhome_forumbit_level2_post
-postbit
-postbit_legacy
Trong đó phần
-forumhome_forumbit_level1_nopost
-forumhome_forumbit_level1_post
-forumhome_forumbit_level2_post
Code giữa các phiên bản vbb cũng ko có gì thay đổi .Copy y nguyên code cũ bỏ vô là được .Các template còn lại bạn hãy só sánh sự khác nhau của nó với template cũ và thay thêm phần vỏ vào là xong Phần vỏ là phần nào thì làm rồi sẽ có kinh nghiệm tuy nhiên mình mách nhỏ luôn ,thường thì nó là những phần ở bên ngoài table gốc .nên bạn cứ nhè vào đầu phần <table> và đuôi </table> mà kiếm và thêm là xong .Còn cụ thể vị trí từng phần mình cũng nói sơ các phần chính cho mấy bạn dễ kiếm ,dễ hình dung
+navbar: 2 phần chính
-Khu vực khung login :<!-- breadcrumb, login, pm info --> navbar <!-- / breadcrumb, login, pm info -->
.Bên trái là phần cây thư mục (tag td đầu)
.Bên phải là ô login (tag td 2,3 : trước và sau khi login )
-Khu menu: <!-- nav buttons bar --> menu <!-- /nav buttons bar -->
+forumhome: 2 phần chính
-Khu vực box: Giữa <!-- main --> Box <!-- /main --> :gồm phần box và phần đang kí thành viên
-Khu vực thống kê diễn đàn : Nằm giữa <!-- what's going on box --> <!-- /what's going on box -->
+forumdisplay: 3 phần
-Khu subforum :<!-- sub-forum list --> Subforum <!-- / sub-forum list -->
-Khu box hiện hành : <!-- / controls above thread list --> box <!-- controls below thread list -->
-Khu thống kê box: <!-- Active Users in this Forum (and sub-forums) and Moderators --> Thống kê <!-- End Active Users in this Forum (and sub-forums) and Moderators -->
+postbit và post postbit_legacy chỉ có 1 box duy nhất
-Nói chung các template đỏ màu ,liên quan đến những phần trên ,bạn cứ xem phần rìa ngoài khu vực kus vừa chỉ hoặc gần gần ở đó nếu khác thì bê từ code cũ qua là xong .Chúc các bạn thành công .Nếu lỡ có làm ko được cứ hỏi ,nếu mình biết sẽ giúp bạn sửa
Ở dưới là xml gốc mà mình thường dùng để convert ,bạn thích cứ down về nghiên cứu ,đã tách box chỉnh sửa vài chỗ cơ bản rồi

By KUSANAGI

PhucSD
22-06-2011, 10:54 PM
Hay lắm đại ca, Chi tiết lắm Thanks anh nhé

hanhkhat
03-08-2011, 11:08 AM
Bài này mình đọc cũng lâu lắm rồi. Giờ đọc lại:MatCuoi (38):

nghebao.vn
03-08-2011, 11:35 AM
Kusanagi là một tay rất cừ, từng khuấy đảo với bo-blog và vbb, nhưng từ lâu rồi quy ẩn, nên cũng là một thiếu hụt với cộgn đồng mã mở