Chào mừng bạn đến vói vietvbb.vn. Hãy Đăng nhập hoặc Đăng Ký để tham gia thảo luận tại diễn đàn.



Page 4 of 4 FirstFirst 1234
Results 46 to 53 of 53

Thread: Cách RIP skin vbb cho newbie

  1. Cách RIP skin vbb cho newbie Detail »»

  2. Cách RIP skin vbb cho newbie

    • xixxon's Avatar
    • xixxon
    • súp pờ xãnh xẹ ;;)
    • Friend
    • Join Date
      8 October 2007
      Location
      Cali
      Age
      27
      Posts
      1.038
      Thanks
      376
      Thanked 1.273 Times in 437 Posts
      Rep Power
      131
    Rating:  (7 votes - 5,00 average)
    Chú thích: ở đây mình dùng tên xixxon (xx)... xixxon = ©hewiie ©ookiie, ©hewiie ©ookiie = xixxon

    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.

    Tuy xixxon ko phải pro, cũng mới biết rip skin ko lâu, nhưng xx cũng tạm nắm bắt được những cái cơ bản. Xx đã từng đọc một số tut dạy rip skin, và cũng đã từng bỏ cuộc nhiều lần vì đọc mãi ko hiểu. Nên bây giờ xx viết lại 1 tut khác, đơn giản hơn, và chi tiết hơn cho newbie.

    Nói là cho newbie nhưng cũng ko hẳn là như vậy, các bạn cũng nên biết 1 chút về cấu trúc của template và 1 chút về html (mấy cái này chỉ cần hack những mod có sửa template và lần là rành)

    Xx viết ra tut này là dựa vào những hiểu biết và kinh nghiệm khi xx rip skin, cho nên ai bất đồng ý kiến thì cứ lên tiếng, mỗi người có mỗi kinh nghiệm và cách nhìn khác nhau, hoan nghênh mọi người chia sẻ.

    Một điều nữa là xx khuyên các bạn nên bắt đầu thực hành trên skin việt nam, vì những skin việt nam đa số dựa vào css là nhiều => dễ xử

    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 xx thì làm như vậy khó phân loại hình và rất tốn thời gian, cho nên xx sử dụng cách làm song song, mò code tới đâu thì tách hình tới đó.

    Công cụ cần thiết:


    - 1 software nào đó cho upload ftp, xx sử dụng cuteftp (down trong vietvbb)

    - Firefox + Internet Explorer (FF thì dễ phân chia hình ảnh hơn, còn IE thì 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

    - Một chút kiến thức về cấu trúc template, và html như đã nói trên

    - Thứ cuối cùng, và cũng là thứ quan trọng nhất, 1 cái skin mà bạn thix

    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 trang index 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, tránh tình trạng lát nữa phải đi phân loại. Tách hết hình trong đó rồi thì up lên host (đúng đường dẫn nhá). Sau đó Refresh forum bạn lại và ngồi đó tự hào 1 chút về những gì vừa làm được

    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 chang.

    2/ Cấu trúc


    Okii xong phần css thì forum cũng tạm gọi là “có màu” chút 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 xx 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. Tuy nhiên để nhận ra phần nào nằm ở đâu, thì có 1 bí quyết.

    Nếu các bạn đã từng hack một số mod có sửa template thì 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. Đừng quên tách hình ra trong đoạn code đó sử dụng phương pháp y như lúc nãy tách hình từ CSS. Và NHỚ là phân chia folder cho hình ngay từ lúc đó.

    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 đó.

    Những điều nên nhớ:

    - Khi bạn viewsource ở trang index thì những category sẽ lập đi lại, và bạn chỉ cần copy cái phần style đó 1 lần thô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ô.

    - Lý do mà xx nói bạn cần có một chút hiểu biết về html như lúc đầu là vì khi copy, bạn phải để ý những tag mà bạn copy, có mở thì phải có đóng…ko thui nó lệch

    Chắc hẳn trong quá trình copy qua, bạn sẽ thấy những khúc méo mó lệch lạc mà ko thể nào chỉnh được. Có một cách giải quyết tình trạng này đó là bạn vào forum index của bạn, chọn view pagesource và đối chiếu 2 bên code, nếu thiếu thì thêm vào, nếu dư thì trích 1 đoạn ra search xem nó nằm ở chỗ nào. Xx nhắc bạn 1 lần nữa là copy code tới đâu thì tách hình tới đó, đồng thời phân loại folder của hình lun

    3/ Hoàn tất các hình còn lại

    Sau khi hoàn tất copy code như ở trên thì coi như gần xong rùi, chỉ còn thiếu mấy cái file ảnh nữa là hoàn tất, button thì vào forum của đối tượng save về, nói chung phần này khá dễ, mò vòng vòng cũng đủ hình. Sau đó vào folder image gốc của vbb coi những folder nào thiếu thì copy qua cho nó đủ bộ, như folder smilies, signature, reputation chẳng hạn

    Chú ý: Bạn phải vào phần image path của all style option để thay đổi đường dẫn tới những folder hình trên host. Và xóa tất cả trong title image đi (cái đó là logo mặc định của vbb)

    4/ Kiểm tra lại

    Mọi việc vẫn chưa xong đâu. Bây giờ nín thở lại và mở forum bạn bằng Internet Explorer xem nó có bị lệch lạc gì hok. Nếu lệch thì mở view source và tiếp tục so sánh

    Còn nữa, cái lợi của coi forum lại bằng IE là những hình thiếu nó sẽ hiện ra hình dấu chéo, trong khi trong FF thì nó ko hiện gì hết, coi những chỗ có dầu chéo đó và tìm hình tương ứng copy vào.

    Okii coi như mọi việc đã gần như xong rồi, việc còn lại bạn phải làm là up lại những folder hình 1 lần nữa, và NHẤN THANK CHO XX
    Last edited by xixxon; 3 August 2008 at 12:41 PM.

  3. The Following 131 Users Say Thank You to xixxon For This Useful Post:

    1551990 (12 August 2008),a7xuantruongb (25 July 2009),alibaba314 (20 June 2009),amida785 (24 December 2010),aoxanhsitinh (20 April 2011),avelox (18 November 2009),bahuna (10 May 2012),bientinhanh (23 January 2010),BiKenZ (1 September 2009),boomy (19 June 2009),BoyGau (6 December 2013),boyhcm (5 October 2008),boykatty (27 February 2018),Bùi Kiệm (7 December 2008),byxitrum (3 January 2009),caubevodanh76 (13 August 2008),cocacola™ (3 April 2010),coccon (28 February 2009),coduanh (9 November 2008),cometome1991 (8 November 2009),corvus (7 June 2009),cqh0803 (15 June 2010),cuahangonline (30 June 2012),dammeheli (17 April 2010),dangstrongdd (2 March 2009),daytona (21 November 2008),dienthaitoan (17 November 2008),dongahchu1 (31 August 2010),DragonRuby (9 October 2008),dungpham (12 August 2008),E.Rex (21 March 2009),FunNock (28 June 2010),fuongvn (16 January 2011),Gà Gô (31 January 2009),Gg9xKute (26 July 2009),H4nds0m3 (5 April 2010),hankk (31 January 2011),hay360.net (27 May 2009),helangel (29 August 2010),Hiệp Thông (3 August 2008),hieupro1269 (3 August 2008),Hiieu (6 February 2010),hoangxien (2 March 2011),hoangyb (28 January 2009),hungcun993 (5 August 2010),IL0v3U (25 September 2008),johncena (5 September 2010),katietran (7 August 2009),kendyx1 (25 May 2009),kenjin (12 May 2009),Kira (16 February 2010),kkmct (9 November 2008),kutiz (17 May 2009),l0se.all91 (21 January 2011),ladylove (15 June 2010),lamchikha (26 May 2011),lancuoi (30 September 2010),levietduong (1 September 2009),luyngu99 (5 April 2009),lvonline (7 May 2009),magmadas (5 July 2011),MarkChan (5 March 2011),minhduc1 (10 July 2009),minhquan8338 (14 September 2008),minhquang_ns (5 December 2009),Mr.Nghị (31 December 2009),Mr.Trynk (8 November 2008),MrHant (6 August 2008),MrVilad (2 July 2011),mt4u_tnut (1 April 2012),ndtjen (5 March 2011),necro1 (22 April 2009),never_cry (12 April 2009),newsmile2312 (23 July 2012),nguoihatinh_06 (31 March 2010),Nguyễn Bảo Ngọc (3 August 2008),nguyenvanthanh (3 October 2011),nguyenvi (17 July 2010),nhocfive (15 March 2010),nhomt (14 May 2009),nkc (3 August 2008),nobita_10a9 (29 January 2009),noname009299 (13 January 2009),noob_v2b (12 August 2008),nuntiny (16 August 2011),o0omolieo0o (16 August 2008),overdigo (18 May 2009),phamhaikk (20 December 2010),Phong Pro™ (16 July 2010),phuonght (5 March 2011),ptv1612 (7 May 2009),qu4nv4n (28 August 2010),Quỷ Cung (13 August 2008),RAJA811 (26 July 2009),rexh (5 November 2008),samerabuallan (27 March 2017),sharingan (4 April 2009),shindu (25 April 2010),sozhun (20 December 2010),Ta là Batman (3 August 2008),tanlk (12 January 2011),tdnguyenitvn (25 March 2011),thadamaster (14 October 2009),Thần Chết (11 September 2008),thanh hải (9 July 2009),thc (1 August 2010),tidi (20 December 2010),Tim Weri (27 September 2009),Tinesdyu (15 December 2008),TMS3444 (1 May 2010),tomedison (12 August 2008),trandaihung (14 March 2010),tranmanh179 (23 June 2010),trecononline (1 July 2009),tuan9632 (14 September 2008),txh0107 (12 August 2008),vanduong158 (10 August 2009),VietVBB Bot (3 August 2008),vipboyhung1 (28 August 2009),vmlvov (2 February 2010),vnttn (12 May 2009),WinZip (29 March 2009),wmtbang (21 July 2009),xlem (10 December 2009),youreally (19 April 2011),zjm_zjm (4 September 2009),[4R]_Kjd_ (12 May 2009),[v2b]®SiêuNoopy™ (4 August 2008),[Độ ách] (31 October 2009),— I ♥ U — (23 August 2008)

  4. Comments

  5. #46
    Join Date
    8 October 2007
    Location
    Cali
    Age
    27
    Posts
    1.038
    Thanks
    376
    Thanked 1.273 Times in 437 Posts
    Rep Power
    131
    Quote Originally Posted by boykatty View Post
    nhợn rip cái này đi cho mọi ngưởi mở tầm mắt http://hoainhon.vn/diendan/index.php

    $100 xử ngay

  6. #47
    Join Date
    18 December 2008
    Location
    Hà Nội, Việt Nam
    Posts
    2.980
    Thanks
    89
    Thanked 1.230 Times in 778 Posts
    Rep Power
    188
    Quote Originally Posted by xixxon View Post
    $100 xử ngay
    100$ thì boy tự làm cài localhost cho xong bảo nhợn thể hiện đẳng cấp mừ

  7. #48
    Join Date
    8 October 2007
    Location
    Cali
    Age
    27
    Posts
    1.038
    Thanks
    376
    Thanked 1.273 Times in 437 Posts
    Rep Power
    131
    nhìn bùn ngủ wa'

  8. #49
    Join Date
    5 January 2010
    Posts
    16
    Thanks
    28
    Thanked 0 Times in 0 Posts
    Rep Power
    9
    đúng đáy thể hiện đẳng cấp đi anh !

  9. #50
    Join Date
    4 July 2009
    Posts
    112
    Thanks
    160
    Thanked 19 Times in 16 Posts
    Rep Power
    13
    Phát thank thứ 100

  10. #51
    Join Date
    11 July 2010
    Posts
    455
    Thanks
    112
    Thanked 41 Times in 33 Posts
    Rep Power
    18
    ai ơi
    hướng dẫn rip skin vb 4 đi

  11. #52
    Join Date
    9 August 2010
    Location
    www.YPDHanoi.Org
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Rep Power
    9
    Bài viết hay quá!
    Đã nhấn nút " Thanks" để cảm ơn chủ topic. Cho phép tớ được copy bài này về diễn đàn của tớ nhé ^"^
    Xin cảm ơn
    http://www.YPDHanoi.Org

  12. #53
    Join Date
    26 December 2016
    Posts
    2
    Thanks
    11
    Thanked 0 Times in 0 Posts
    Rep Power
    2
    Cảm ơn anh nhiu



Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. [HELP] Em là Newbie cho em hỏi cách Upload Skin Newsemester2 với
    By hongvannghia in forum vB4 Thảo Luận Lập Trình Mod
    Replies: 1
    Last Post: 22 November 2011, 02:22 PM
  2. Cách chia Category ở Forumhome ( for Newbie)
    By noob_v2b in forum vBulletin Articles
    Replies: 91
    Last Post: 19 February 2011, 07:49 AM
  3. Thiết Kế Căn Bản Skin Cho Newbie
    By bomnet87 in forum Graphics Articles
    Replies: 19
    Last Post: 11 November 2009, 08:13 PM
  4. [HELP] Rip skin cho newbie m???i h???c anh xixxon
    By zjm_zjm in forum vB3 Thảo Luận Chung
    Replies: 9
    Last Post: 4 September 2009, 05:21 PM
  5. [HELP] có cách nào khi up thêm skin và chuyển các hack mod vào một cách nhanh chóng không?
    By soulasylum in forum vB3 Thảo Luận Lập Trình Mod
    Replies: 5
    Last Post: 23 November 2008, 02:03 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •