Posts
PointsĐã có nhìu bài post để hướng dẫn, hum nay mình xin share cách Rip của mình, chỉ hỉu sơ sơ thui, chả biết thức hành, mọi người xem thử nhé:
Skin được chê từ 4 phần, ở dây mình chia cách phân tốt nhất: Trên - Giữa - Dưới - Toàn bộ
Phần toàn bộ do File CSS dảm nhiệm: Phần này chắc ai cũng biết
Phần trên do : overall_header đảm nhiệm
Phần giữa do : Index_box - Index Body đám nhiệm
Phần dưới do : overall_footer đám nhiệm
Căn bản : Nếu chú ý bạn sẽ thấy Body đảm nhiệm 2 phần giữa và dưới vì nó chứa code bao gồm cả Footer và Box, nhớ nhé. Phần Box thì thường có sự phối hợp với CSS.
Bước 1 : Mở Firefox(hiện tốt hơn ) và mở 4rum cần Rip, trước khi rip cần quan sát kĩ sau đó mở Mã Nguồn(Ctrl + U)
Bước 2: Quan sát các phần và bắt đầu phân chia, theo như mình học được thì cần nắm được cac đặc điểm riêng và chung của từng File,
Mở to ra và quan sát từng phần, vì mỗi Skin đều khác nhau nên không thể chỉ từng code một, hãy dựa vào đầu óc và nhớ lại những Skin đã thấy. CSS thì quá dễ, /css.forum là ra
Bước 3: Sau mỗi phần thì dán vào Word nha, hạn chê dùng Notebad vì có thể làm chữ thành ?, sau khi Rip xong thì dán vào một forum tạo và xem xem có giống chưa, nếu chưa thì Fix lại, trường hợp thiên tài như Admin, Ligerv,... thì có thể Rip một lần trung ngay lập tức, nếu có đều kiện thì tẩy luôn cho cái Banner nhé
Mách bạn : Các phần Header, Footer thường thì đều bắt đầu từ
Code: ----------Chọn code
<!DOCTYPE html PUBLIC
cả, còn Index_box thì do chứa Box nên chỉ cần dựa vào kiến thức HTML và Code, ở đây thường có loại
Code: ----------Chọn code
và một số phần phụ
Index_body : Body là phần dễ nhận ra nhất, nhưng cũng rối rắm nhất, phần mở đầu đa số là
Code: ----------Chọn code
{JAVASCRIPT} .... </table>
Cũng cần phải dựa vào kiến thức HTML và Code mới có thế làm một Skinner
Chúc các bạn thành công
Thực chất là convert skin
Hiện skin trên forum chủ yếu là convert từ vbb sang các bạn ạ
Điều này đòi hỏi các bạn cần có 1 chút kiến thức về bố cục skin vbb
Convert Skin
Thiết kế Skin gồm 2 phần cơ bản :
- Phần design ( dùng các chương trình đồ hoạ như Photoshop .. )
- Phần code : sửa các file .tpl để tạo nên khung cho giao diện ( sử dụng ngôn ngữ HTML )
Convert
Skin là chuyển 1 giao diện của dạng forum khác sang phpBB ( như vBB,
ibf .. ). Cách này dùng cho những người mới bắt đầu thiết kế giao diện
vì nó bỏ qua phần 1 ( không cần đì-zai mà sử dụng các hình ảnh có sẵn ).
Ở đây tôi hướng dẫn Convert skin vBB sang phpBB, khi thành thạo bạn có
thể convert bất kì giao diện nào sang phpBB. Để convert thì tất nhiên
bạn phải có thư mục hình ảnh của skin vBB mà người ta đã share.
Để
convert được skin vBB sang phpBB bạn phải cài đặt skin này cho vBB.
Chúng ta thấy rằng tất cả giao diện của forum đều được chia thành 3
phần.
Phần trên cùng ( chứa logo, link tới các chức năng … ) Phần này hầu như không đổi trong tất cả các trang của forum.
Phần thân thay đổi tuỳ vào hành động của bạn ( VD ở trang chính, portal, viết bài .. )
Phần dưới cũng không đổi qua các trang thường ghi tên tác giả của skin.
Chính vì tất cả các diễn đàn đều có cấu trúc như vậy nên việc convert rất dễ . Trong phpBB
File overall_header.tpl quy định phần trên của diễn đàn .
File overall_footer.tpl quy định phần dưới của diễn đàn .
Phần thân diễn đàn tuỳ vào hành động của bạn mà nó sử dụng các file còn lại :
_ index_body.tpl điều khiển trang index của diễn đàn
_ portal_body.tpl điều khiển trang portal diễn đàn .
Công
việc của bạn bây giờ là mở trang Web có chứa skin vBB đó lên vào menu
View -> Source để xem mã nguồn và phân chia đâu là phần đầu, thân,
đuôi của skin đó và copy vào các file tương ứng. Sửa link hình ảnh ..
Nói chung bước này bạn phải thành thạo HTML, hiểu về cấu trúc templates
của phpBB và bạn phải làm thật nhiều để lấy kinh nghiệm .. Bước này tuỳ
Skin mà làm tuỳ cơ ứng biến nên không thể nói rõ được .
À quên,
còn cái này nữa, đó là nếu skin không phải do bạn làm ra thì đừng xoá
tên tác giả, hãy ghi thêm vào bên dưới là Convert to Skin phpBB by . (
Cái này gọi là lương tâm nghề nghiệp á )
Mình chỉ bít có nhường nay.
xin mọi người chỉ giáo thêm
Skin được chê từ 4 phần, ở dây mình chia cách phân tốt nhất: Trên - Giữa - Dưới - Toàn bộ
Phần toàn bộ do File CSS dảm nhiệm: Phần này chắc ai cũng biết
Phần trên do : overall_header đảm nhiệm
Phần giữa do : Index_box - Index Body đám nhiệm
Phần dưới do : overall_footer đám nhiệm
Căn bản : Nếu chú ý bạn sẽ thấy Body đảm nhiệm 2 phần giữa và dưới vì nó chứa code bao gồm cả Footer và Box, nhớ nhé. Phần Box thì thường có sự phối hợp với CSS.
Bước 1 : Mở Firefox(hiện tốt hơn ) và mở 4rum cần Rip, trước khi rip cần quan sát kĩ sau đó mở Mã Nguồn(Ctrl + U)
Bước 2: Quan sát các phần và bắt đầu phân chia, theo như mình học được thì cần nắm được cac đặc điểm riêng và chung của từng File,
Mở to ra và quan sát từng phần, vì mỗi Skin đều khác nhau nên không thể chỉ từng code một, hãy dựa vào đầu óc và nhớ lại những Skin đã thấy. CSS thì quá dễ, /css.forum là ra
Bước 3: Sau mỗi phần thì dán vào Word nha, hạn chê dùng Notebad vì có thể làm chữ thành ?, sau khi Rip xong thì dán vào một forum tạo và xem xem có giống chưa, nếu chưa thì Fix lại, trường hợp thiên tài như Admin, Ligerv,... thì có thể Rip một lần trung ngay lập tức, nếu có đều kiện thì tẩy luôn cho cái Banner nhé
Mách bạn : Các phần Header, Footer thường thì đều bắt đầu từ
Code: ----------Chọn code
<!DOCTYPE html PUBLIC
cả, còn Index_box thì do chứa Box nên chỉ cần dựa vào kiến thức HTML và Code, ở đây thường có loại
Code: ----------Chọn code
Index_body : Body là phần dễ nhận ra nhất, nhưng cũng rối rắm nhất, phần mở đầu đa số là
Code: ----------Chọn code
{JAVASCRIPT} .... </table>
Cũng cần phải dựa vào kiến thức HTML và Code mới có thế làm một Skinner
Chúc các bạn thành công
Thực chất là convert skin
Hiện skin trên forum chủ yếu là convert từ vbb sang các bạn ạ
Điều này đòi hỏi các bạn cần có 1 chút kiến thức về bố cục skin vbb
Convert Skin
Thiết kế Skin gồm 2 phần cơ bản :
- Phần design ( dùng các chương trình đồ hoạ như Photoshop .. )
- Phần code : sửa các file .tpl để tạo nên khung cho giao diện ( sử dụng ngôn ngữ HTML )
Convert
Skin là chuyển 1 giao diện của dạng forum khác sang phpBB ( như vBB,
ibf .. ). Cách này dùng cho những người mới bắt đầu thiết kế giao diện
vì nó bỏ qua phần 1 ( không cần đì-zai mà sử dụng các hình ảnh có sẵn ).
Ở đây tôi hướng dẫn Convert skin vBB sang phpBB, khi thành thạo bạn có
thể convert bất kì giao diện nào sang phpBB. Để convert thì tất nhiên
bạn phải có thư mục hình ảnh của skin vBB mà người ta đã share.
Để
convert được skin vBB sang phpBB bạn phải cài đặt skin này cho vBB.
Chúng ta thấy rằng tất cả giao diện của forum đều được chia thành 3
phần.
Phần trên cùng ( chứa logo, link tới các chức năng … ) Phần này hầu như không đổi trong tất cả các trang của forum.
Phần thân thay đổi tuỳ vào hành động của bạn ( VD ở trang chính, portal, viết bài .. )
Phần dưới cũng không đổi qua các trang thường ghi tên tác giả của skin.
Chính vì tất cả các diễn đàn đều có cấu trúc như vậy nên việc convert rất dễ . Trong phpBB
File overall_header.tpl quy định phần trên của diễn đàn .
File overall_footer.tpl quy định phần dưới của diễn đàn .
Phần thân diễn đàn tuỳ vào hành động của bạn mà nó sử dụng các file còn lại :
_ index_body.tpl điều khiển trang index của diễn đàn
_ portal_body.tpl điều khiển trang portal diễn đàn .
Công
việc của bạn bây giờ là mở trang Web có chứa skin vBB đó lên vào menu
View -> Source để xem mã nguồn và phân chia đâu là phần đầu, thân,
đuôi của skin đó và copy vào các file tương ứng. Sửa link hình ảnh ..
Nói chung bước này bạn phải thành thạo HTML, hiểu về cấu trúc templates
của phpBB và bạn phải làm thật nhiều để lấy kinh nghiệm .. Bước này tuỳ
Skin mà làm tuỳ cơ ứng biến nên không thể nói rõ được .
À quên,
còn cái này nữa, đó là nếu skin không phải do bạn làm ra thì đừng xoá
tên tác giả, hãy ghi thêm vào bên dưới là Convert to Skin phpBB by . (
Cái này gọi là lương tâm nghề nghiệp á )
Mình chỉ bít có nhường nay.
xin mọi người chỉ giáo thêm
