[TUT] Một diễn đàn với nhiều SKIN đã thành hiện thực

[vandonstar]

Đôi điều cần chú ý:

Bằng mẹo nhỏ trong việc chuyển đổi các skin cơ bản của các phiên bản forum của forumotion mình nghĩ ra một cách thay đổi skin cho diễn đàn.
Vì việc thay đổi skin chỉ thay đổi sang các skin cơ bản. Cho nên phù hợp nhất với các forum không chọc ngoáy vào temp.

Nguyên lý hoạt động: Thêm ?change_version=... vào sau link diễn đàn để tạo thành một skin khác.
Trong đó ?change_version=... gồm có:
?change_version=invision (Forum invision)
?change_version=punbb (Forum punbb)
?change_version=prosilver (Forum phpbb3)
?change_version=subsilver (Forum phpbb2)

Cũng rất muốn có 1 demo để các bản xem thử nhưng do khá dài dòng nên các bản thông cảm.

Nếu muốn các bản có thể thử trực tiếp trên forum của mình.
(Đảm bảo không hề ảnh hưởng gì tới diễn đàn của bạn)

Hướng dẫn:

Vào Modules >> Forum widgets management
Chọn Create a widget để tạo một widget
Use a table type: Chọn không
Cho code này vào widget

Code:


<div class="doiskin">
<select onchange="window.location.href=this.options
    [this.selectedIndex].value">
  <option value="">SKIN DIỄN ĐÀN</option>
  <option value="?">• Skin chính</option>
  <option value="?change_version=invision">• Skin 1 [Invision Classic]</option>
  <option value="?change_version=punbb">• Skin 2 [PunBB Classic]</option>
  <option value="?change_version=prosilver">• Skin 3 [Phpbb 3 Classic]</option>
  <option value="?change_version=subsilver">• Skin 4 [Phpbb 2 Classic]</option>
</select>
</div>

<style>
.doiskin{
position:fixed;padding:10px;bottom:20px;right:20px;background-color:#ffa200;border:1px solid #8A8A8A;box-shadow: 3px 3px 3px #8A8A8A;}
.doiskin a {text-decoration:none!important;}
</style>


Bước cuối cùng là đưa widget lên cho nó hoạt động.

Nếu muốn các bạn có thể cho thêm bộ gõ vào cùng với code trên để có thể sử dụng bộ gõ trong các phiên bản skin khác.

Code:

<script src="http://mudim.googlecode.com/files/mudim-0.8-r142.js" type="text/javascript"></script><div class="doiskin">

Mẹo:
Bạn có thể làm 2 skin tuỳ chỉnh cho forum của mình bằng cách sửa đổi temp của phpbb2 và của punbb. Hoặc có thể làm các skin khác nhau bằng cách để nguyên temp mà chỉ chỉnh sửa css.
Link css của diễn đàn mình các bạn có thể xem mã nguồn forum của mình để lấy nhé.
VD: <link rel="stylesheet" href="/...-ltr.css" type="text/css" />

Good luck!

[rua_can_91]

vote

[ikarosan]

WA?j là chổ đó

[singh]

rất hay .nhưng không đẹp vote

[vandonstar]

rất hay .nhưng không đẹp vote

Muốn đẹp thì phải chỉnh sửa chứ. Đây chỉ là nguyên lý hoạt động và bài hướng dẫn cơ bản để thực hiện thôi mà

[baivong]

Có lâu rồi mà, hàng xịn nè

Code:

http://tghm.yours.tv

[ThằngMậpBệnh]

Hàng của Thần Gió mới là đỉnh chứ . Hàng trên Topics cũng được đó <~ Khỏi mất lòng nhé

[handsomevip007]

Có lâu rồi mà, hàng xịn nè

Code:

http://tghm.yours.tv

Lỗi với Chrome vẫn chưa fix àh huynh?! [You must be registered and logged in to see this image.]

[ThằngMậpBệnh]

Có lâu rồi mà, hàng xịn nè

Code:

http://tghm.yours.tv

Lỗi với Chrome vẫn chưa fix àh huynh?!

Chrome có hiệu lực mà huynh

[vandonstar]

Hàng của Thần Gió mới là đỉnh chứ . Hàng của VanDonStar là hàng chợ .

Vâng tôi nhà quê! Bắt đầu ghét rồi đấy

[NgocPRO]

xưa như trái đất rồi bạn ak`

[vandonstar]

xưa như trái đất rồi bạn ak`

Vậy là bạn không hiểu gì về cách làm này rồi.
Cách của Thần Gió là thay đổi CSS. Cho nên các skin là cố định, chỉ thay đổi được màu sắc và hiệu ứng. Còn cách của tôi thì có thể thay đổi trong temp của Phpbb2 và Punbb để tạo thành 2 skin độc lập. Bởi vậy tôi mới tìm hiểu và đưa lên đây để các bạn có hướng đi cho cách tạo nhiều skin của diễn đàn.

Các bạn đừng vội đánh giá khi mới đưa vào dùng thử. Muốn đẹp cần nhiều thao tác hơn nữa. Đây chỉ là gợi ý của tôi để các bạn có thêm cái nhìn nữa về việc này thôi.

Thân!

[kalenv]

với forum không thay đổi temp thì có nhiều cách làm ...
ở trên là 1 cách.
ngoài ra có thể dùng chức năng Temporary themes của FM (?change_temp={MÃ SỐ SKIN LƯU TRONG TEMPORARY}).
dùng hitskin (/forum?theme_id={MÃ SỐ SKIN TRONG HITSKIN}) .. cách này thì nên tạo 1 widget chèn đoạn CSS cho ẩn thanh Hitskin ở trên đỉnh forum.

Nhược điểm của những cách này là khi submit 1 form .. như gửi bài mới thì sẽ trở về skin mặc định.

Như bạn Gió gì đấy thì dùng script CSS Switcher . lên gu gồ sợt ra nhiều lắm.
Cách này thì thay đổi được CSS nhưng không thay đổi được hình ảnh trong Picmanagement ... Huylord có viết 1 tut dạng này cách đây khá lâu rồi

[NgocPRO]

xưa như trái đất rồi bạn ak`

Vậy là bạn không hiểu gì về cách làm này rồi.
Cách của Thần Gió là thay đổi CSS. Cho nên các skin là cố định, chỉ thay đổi được màu sắc và hiệu ứng. Còn cách của tôi thì có thể thay đổi trong temp của Phpbb2 và Punbb để tạo thành 2 skin độc lập. Bởi vậy tôi mới tìm hiểu và đưa lên đây để các bạn có hướng đi cho cách tạo nhiều skin của diễn đàn.

Các bạn đừng vội đánh giá khi mới đưa vào dùng thử. Muốn đẹp cần nhiều thao tác hơn nữa. Đây chỉ là gợi ý của tôi để các bạn có thêm cái nhìn nữa về việc này thôi.

Thân!

cái này chỉ là 1 chức năng của FM thui, có gì đâu mà
bạn ẫn còn thiếu 1 cái linkforum?change_temp=1

[baivong]

Nếu sung sức bạn có thể dùng script để thay đổi cấu trúc forum như vbb, nghĩ thôi cũng thấy nản
Xin đính chính: Code thay CSS ko phải của mình, mà là mình nhìn thấy ở một 4r fm nào đó... và mang về

[ThaiKeyboard]

Em mún làm 2 cái skin riêng biệt cho forum được không nhể???
Ai nói được thì có thể chỉ em cách làm được không??

[Yuri_Yuki23]

Code:

  <option value="">SKIN DIỄN ĐÀN</option>

Mình nghĩ nên sửa thành như thế thì hay hơn

Code:

  <optgroup label="SKIN DIỄN ĐÀN">

[Tài Bún]

them change vao sao link dien dan la sao ko hieu ?

[Sponsored content]