Discuz X 聊天室插件 社區茶坊 19.51 安裝說明 使用教學

zchatroom installation teaching

此篇，將說明 (社區茶坊) 安裝 參數設置 使用...等事項，大家可以參考看看

社區茶坊 19.51 下載網址 https://zfly9.blogspot.com/2012/09/zchatroom.html

社區茶坊 19.51 安裝說明

１、該插件，不支援手機模式，但還是可以裝，後台 → 全局 → 手機訪問設置 → 開啟，當有人使用手機訪問你的網站時，會自動跑去手機模式頁面，此插件將不會顯示

２、將 zchatroom 資料夾，放到 /source/plugin/ 下面

FTP 軟體 FileZilla Client 使用，見 ( 建站_未分類 ) 之相關文章，連結總整理

如果無法寫入留言資料，那個 zchat.dat 記得設成 777

這部分，圖文不好說明，見底部 youtube 視頻

３、後台，應用，安裝

４、啟用

---

使用教學

１、參數設置

這部分，圖文不好說明，見底部 youtube 視頻

２、樣式 CSS 設置說明

RGB Html 配色表產生器 https://zfly9.blogspot.com/2017/08/20170811-rgb-color-generator.html

背景顏色

背景圖片，添加說明

background-image:url("圖片檔名.jpg");

background-attachment:fixed; background-repeat:no-repeat; 這2個指令說明

公告，變更顏色

外框顏色


３、導航欄及顯示設置

社區茶坊，加在尾部的連結 plugin.php?id=zchatroom:zchatroom

這部分，圖文不好說明，見底部 youtube 視頻

４、門戶及任意網頁嵌入說明

門戶可自訂邊框樣式，所以不需要div外框，門戶嵌入 html 代碼如下

<iframe height="350" width="100%" allowtransparency="true" frameborder="0" scrolling="auto" src="./source/plugin/zchatroom/zchatroom.php"></iframe>

height="350" 高度，自行調整
width="100%" 寬度，一般100%

範例

門戶右上方 DIY 〉高級模式 〉框架 〉100%框架 〉模塊 〉展示類 〉靜態模塊

這部分，圖文不好說明，見底部 youtube 視頻

如果沒顯示出來，右上 [編輯] [屬性] [確定]

重新 [確定] 一次，就可以了

任意網頁嵌入，手動 html 修改增加代碼如下

<div style="width:auto; margin:10px 0 10px 0; border:#CDCDCD; 1px solid; padding:0">
<iframe height="350" width="100%" allowtransparency="true" frameborder="0" scrolling="auto" src="./source/plugin/zchatroom/zchatroom.php"></iframe>
</div>

border:#CDCDCD; 邊框顏色
height="350" 高度，自行調整
width="100%" 寬度，一般100%

可將上述代碼，嵌入到自行修改的網頁模版內，例如 discuz 後台，廣告有很多地方可放置，也可使用此方式，將上述代碼當廣告碼加入


對上述圖文教學，還不太明白的話，請至下方連結，查看 youtube 視頻解說

視頻解說之第一部分 https://www.youtube.com/watch?v=j7I0l5qQJtw

謝謝大家，抽空觀看，files備份檔名 website01070