建立頁尾跑馬燈 - XOOPS

請使用管理者身份登入 後 , 行下列步驟
1 點選 管理者選單 (左側) / 偏好設定 / 系統 / Meta 標記及頁尾註腳
2 於 頁尾註腳 項目 右側空白處輸入下列內容
＜ｍａｒｑｕｅｅ　　ｓｃｒｏｌｌａｍｏｕｎｔ＝＂５００＂＞中正高中實習老師＜／ｍａｒｑｕｅｅ＞
3 點選 下方 衝! 鈕

APACHE與XOOPS安裝注意事項

1 於WINDOWS 環境安裝前
A 進入控制台 / 系統管理工具 / IIS
B 找到預設WEB / 設定停止
2 再進行APACHE的安裝
3 安裝XOOPS , 經由網路下載合法的XOOPS
4 只要將HTML下的所有程式複製到 C:\APPSERV\WWW 即可
5 上 網 輸入 HTTP://LOCALHOST/INSTALL
6 完成安裝後 , 啟動前 請執行
A 刪除 C:\APPSERV\WWW下的 INSTALL資料夾
B 設定 C:\APPSERV\WWW下的 MAINFILE.PHP檔案為唯讀

XOOPS的模組

教完一班XOOPS研討的老師後 , 才發現來上課的老師程度都不錯
誰說教育沒前途 , 課程中我個人整理了一下一些重點與老師們分享
1 安裝相簿模組一定要注意 , 安裝完成後 , 要回到台前進行新增圖片的工作
再注意圖檔大小的問題
2 安裝確認安全碼模組 , 必需於評論時才會出現
3 所有的模組安裝 請注意使用者的管理權限
4 新增表情圖 , 請進到系統管理／表情圖的選項去新增即可。

下面網站有提供教學 影音教學XOOPS http://163.20.160.21/xoops22/t167/xoops207/list.htm
XOOPS正體中文 : http://xoops.tnc.edu.tw/index.php

XOOP -自訂佈景

以下設計感謝＜ａ　ｈｒｅｆ＝＂ｈｔｔｐ：／／ｏｏｏ．ｔｎｃ．ｅｄｕ．ｔｗ／～ｄａｔａ／ｍｏｄｕｌｅｓ／ｔａｄｂｏｏｋ２／ｖｉｅｗ．ｐｈｐ？ｂｏｏｋ＿ｓｎ＝２０＆ｂｄｓｎ＝４８２＂＞ｔａｄ講義教材＜／ａ＞網提供相關訊息　，　本設計自行修改設計　順便力入自己的觀點
內容如下　：　一般佈景的位置目錄在ｔｈｅｍｅｓ，且一個目錄就是一個佈景　，　再則目錄中一定要有ｔｈｅｍｅ．ｈｔｍｌ檔案做為前端的網頁樣板
以下說明如何製作自己的佈景主題網頁
１．請於ｔｈｅｍｅｓ目錄下建立　ＭＹＳＴＹＬＥ（新資料夾）
２．建立一個網頁ｔｈｅｍｅ．ｈｔｍｌ，儲存於ＭＹＳＴＹＬＥ目錄下。
３．網頁內容請使用表格繪製　，　並設定名稱及ｉｄ名稱　，　因為這些ＩＤ名稱具有版面連結功能　，　以下簡單各個名稱
１　ｉｄ＝＂ｃｏｎｔｅｎｔ＂　（　主要內容區　）　，ｉｄ＝＂ｌｅｆｔｃｏｌｕｍｎ＂　（左邊區塊）　，ｉｄ＝＂ｃｅｎｔｅｒＣｃｏｌｕｍｎ＂　（中間區塊）　，　ｉｄ＝＂ｃｅｎｔｅｒＬｃｏｌｕｍｎ＂　（中間左邊區塊）　，　ｉｄ＝＂ｃｅｎｔｅｒＲｃｏｌｕｍｎ＂　（中間右邊區塊）　　，　ｉｄ＝＂ｒｉｇｈｔｃｏｌｕｍｎ＂　（　右邊區塊　）　，　ｉｄ＝＂ｆｏｏｔｅｒｂａｒ＂　（　頁尾區　）　
２．以上皆用表格設計　，　至於位置其實是沒有規定的　可以任意放置　但為了管理方便　，　建議還是要有所整理

註　：　使用表格　不可設定　高度喔　，　對齊一定要用垂直靠左上
　　　　　如有圖片可存在　ｔｈｅｍｅｓ／佈景目錄／ｉｍａｇｅｓ下
　　　　ＩＤ的命名表格是用＜ＴＤ＞
結果如下：請複製下列語法並將中文部份刪除即可使用
＜ｔａｂｌｅ　ｗｉｄｔｈ＝＂１００％＂　ｂｏｒｄｅｒ＝＂１＂　ｃｅｌｌｓｐａｃｉｎｇ＝＂０＂　ｃｅｌｌｐａｄｄｉｎｇ＝＂０＂＞
　　
　　＜ｔｒ＞
　　　　＜ｔｄ　ｒｏｗｓｐａｎ＝＂３＂　ｖａｌｉｇｎ＝＂ｔｏｐ＂＞＜｛ｆｏｒｅａｃｈ　ｉｔｅｍ＝ｂｌｏｃｋ　ｆｒｏｍ＝＄ｘｏｏｐｓ＿ｌｂｌｏｃｋｓ｝＞
＜｛ｉｎｃｌｕｄｅ　ｆｉｌｅ＝＂ＭＹＳＴＹＬＥ／ｂｌｏｃｋｓ／ｔｈｅｍｅ＿ｂｌｏｃｋｌｅｆｔ．ｈｔｍｌ＂｝＞
＜｛／ｆｏｒｅａｃｈ｝＞左區塊＜／ｔｄ＞
　　　　＜ｔｄ　ｃｏｌｓｐａｎ＝＂２＂　ｖａｌｉｇｎ＝＂ｔｏｐ＂＞＜｛ｆｏｒｅａｃｈ　ｉｔｅｍ＝ｂｌｏｃｋ　ｆｒｏｍ＝＄ｘｏｏｐｓ＿ｃｃｂｌｏｃｋｓ｝＞
＜｛ｉｎｃｌｕｄｅ　ｆｉｌｅ＝＂ＭＹＳＴＹＬＥ／ｂｌｏｃｋｓ／ｔｈｅｍｅ＿ｂｌｏｃｋｃｅｎｔｅｒ＿ｃ．ｈｔｍｌ＂｝＞
＜｛／ｆｏｒｅａｃｈ｝＞
中間區塊＜／ｔｄ＞
　　　　＜ｔｄ　ｒｏｗｓｐａｎ＝＂３＂　ｖａｌｉｇｎ＝＂ｔｏｐ＂＞＜｛ｆｏｒｅａｃｈ　ｉｔｅｍ＝ｂｌｏｃｋ　ｆｒｏｍ＝＄ｘｏｏｐｓ＿ｒｂｌｏｃｋｓ｝＞
＜｛ｉｎｃｌｕｄｅ　ｆｉｌｅ＝＂ＭＹＳＴＹＬＥ／ｂｌｏｃｋｓ／ｔｈｅｍｅ＿ｂｌｏｃｋｒｉｇｈｔ．ｈｔｍｌ＂｝＞
＜｛／ｆｏｒｅａｃｈ｝＞
右區塊＜／ｔｄ＞
　　＜／ｔｒ＞
　　＜ｔｒ＞
　　　　＜ｔｄ　ｖａｌｉｇｎ＝＂ｔｏｐ＂＞＜｛ｆｏｒｅａｃｈ　ｉｔｅｍ＝ｂｌｏｃｋ　ｆｒｏｍ＝＄ｘｏｏｐｓ＿ｃｌｂｌｏｃｋｓ｝＞
＜｛ｉｎｃｌｕｄｅ　ｆｉｌｅ＝＂ＭＹＳＴＹＬＥ／ｂｌｏｃｋｓ／ｔｈｅｍｅ＿ｂｌｏｃｋｃｅｎｔｅｒ＿ｌ．ｈｔｍｌ＂｝＞
＜｛／ｆｏｒｅａｃｈ｝＞
中間左區塊＜／ｔｄ＞
　　　　＜ｔｄ　ｖａｌｉｇｎ＝＂ｔｏｐ＂＞＜｛ｆｏｒｅａｃｈ　ｉｔｅｍ＝ｂｌｏｃｋ　ｆｒｏｍ＝＄ｘｏｏｐｓ＿ｃｒｂｌｏｃｋｓ｝＞
＜｛ｉｎｃｌｕｄｅ　ｆｉｌｅ＝＂ＭＹＳＴＹＬＥ／ｂｌｏｃｋｓ／ｔｈｅｍｅ＿ｂｌｏｃｋｃｅｎｔｅｒ＿ｒ．ｈｔｍｌ＂｝＞
＜｛／ｆｏｒｅａｃｈ｝＞中間右區塊＜／ｔｄ＞
　　＜／ｔｒ＞
　　＜ｔｒ＞
　　　　＜ｔｄ　ｃｏｌｓｐａｎ＝＂２＂ｖａｌｉｇｎ＝＂ｔｏｐ＂＞主內容區＜｛＄ｘｏｏｐｓ＿ｃｏｎｔｅｎｔｓ｝＞＜／ｔｄ＞
　　＜／ｔｒ＞
　　＜ｔｒ＞
　　　　＜ｔｄ　ｃｏｌｓｐａｎ＝＂４＂　ｖａｌｉｇｎ＝＂ｔｏｐ＂＞＜｛＄ｘｏｏｐｓ＿ｆｏｏｔｅｒ｝＞頁尾＜／ｔｄ＞
　　＜／ｔｒ＞
＜／ｔａｂｌｅ＞

４　請將ＤＥＦＡＵＬＴ的全部目錄複製到ＭＹＳＴＹＬＥ目錄下。
５．如有圖片請修正路徑成為　＜｛＄ｘｏｏｐｓ＿ｉｍａｇｅｕｒｌ｝＞ｉｍａｇｅｓ／檔案名稱（含副檔名喔）。
６．將下列內容複製到＜／ｈｅａｄ＞之前。
＜！ＤＯＣＴＹＰＥ　ｈｔｍｌ　ＰＵＢＬＩＣ　＂－／／Ｗ３Ｃ／／ＤＴＤ　ＸＨＴＭＬ　１．０　Ｔｒａｎｓｉｔｉｏｎａｌ／／ＥＮ＂　＂ｈｔｔｐ：／／ｗｗｗ．ｗ３．ｏｒｇ／ＴＲ／ｘｈｔｍｌ１／ＤＴＤ／ｘｈｔｍｌ１－ｔｒａｎｓｉｔｉｏｎａｌ．ｄｔｄ＂＞
＜ｈｔｍｌ　ｘｍｌｎｓ＝＂ｈｔｔｐ：／／ｗｗｗ．ｗ３．ｏｒｇ／１９９９／ｘｈｔｍｌ＂　ｘｍｌ：ｌａｎｇ＝＂＜｛＄ｘｏｏｐｓ＿ｌａｎｇｃｏｄｅ｝＞＂　ｌａｎｇ＝＂＜｛＄ｘｏｏｐｓ＿ｌａｎｇｃｏｄｅ｝＞＂＞
＜ｈｅａｄ＞
＜ｍｅｔａ　ｈｔｔｐ－ｅｑｕｉｖ＝＂ｃｏｎｔｅｎｔ－ｔｙｐｅ＂　ｃｏｎｔｅｎｔ＝＂ｔｅｘｔ／ｈｔｍｌ；　ｃｈａｒｓｅｔ＝＜｛＄ｘｏｏｐｓ＿ｃｈａｒｓｅｔ｝＞＂　／＞
＜ｍｅｔａ　ｈｔｔｐ－ｅｑｕｉｖ＝＂ｃｏｎｔｅｎｔ－ｌａｎｇｕａｇｅ＂　ｃｏｎｔｅｎｔ＝＂＜｛＄ｘｏｏｐｓ＿ｌａｎｇｃｏｄｅ｝＞＂　／＞
＜ｍｅｔａ　ｎａｍｅ＝＂ｒｏｂｏｔｓ＂　ｃｏｎｔｅｎｔ＝＂＜｛＄ｘｏｏｐｓ＿ｍｅｔａ＿ｒｏｂｏｔｓ｝＞＂　／＞
＜ｍｅｔａ　ｎａｍｅ＝＂ｋｅｙｗｏｒｄｓ＂　ｃｏｎｔｅｎｔ＝＂＜｛＄ｘｏｏｐｓ＿ｍｅｔａ＿ｋｅｙｗｏｒｄｓ｝＞＂　／＞
＜ｍｅｔａ　ｎａｍｅ＝＂ｄｅｓｃｒｉｐｔｉｏｎ＂　ｃｏｎｔｅｎｔ＝＂＜｛＄ｘｏｏｐｓ＿ｍｅｔａ＿ｄｅｓｃｒｉｐｔｉｏｎ｝＞＂　／＞
＜ｍｅｔａ　ｎａｍｅ＝＂ｒａｔｉｎｇ＂　ｃｏｎｔｅｎｔ＝＂＜｛＄ｘｏｏｐｓ＿ｍｅｔａ＿ｒａｔｉｎｇ｝＞＂　／＞
＜ｍｅｔａ　ｎａｍｅ＝＂ａｕｔｈｏｒ＂　ｃｏｎｔｅｎｔ＝＂＜｛＄ｘｏｏｐｓ＿ｍｅｔａ＿ａｕｔｈｏｒ｝＞＂　／＞
＜ｍｅｔａ　ｎａｍｅ＝＂ｃｏｐｙｒｉｇｈｔ＂　ｃｏｎｔｅｎｔ＝＂＜｛＄ｘｏｏｐｓ＿ｍｅｔａ＿ｃｏｐｙｒｉｇｈｔ｝＞＂　／＞
＜ｍｅｔａ　ｎａｍｅ＝＂ｇｅｎｅｒａｔｏｒ＂　ｃｏｎｔｅｎｔ＝＂ＸＯＯＰＳ＂　／＞
＜ｔｉｔｌｅ＞＜｛＄ｘｏｏｐｓ＿ｓｉｔｅｎａｍｅ｝＞　－　＜｛＄ｘｏｏｐｓ＿ｐａｇｅｔｉｔｌｅ｝＞＜／ｔｉｔｌｅ＞
＜ｌｉｎｋ　ｈｒｅｆ＝＂＜｛＄ｘｏｏｐｓ＿ｕｒｌ｝＞／ｆａｖｉｃｏｎ．ｉｃｏ＂　ｒｅｌ＝＂ＳＨＯＲＴＣＵＴ　ＩＣＯＮ＂　／＞

＜ｌｉｎｋ　ｒｅｌ＝＂ｓｔｙｌｅｓｈｅｅｔ＂　ｔｙｐｅ＝＂ｔｅｘｔ／ｃｓｓ＂　ｍｅｄｉａ＝＂ｓｃｒｅｅｎ＂　ｈｒｅｆ＝＂＜｛＄ｘｏｏｐｓ＿ｕｒｌ｝＞／ｘｏｏｐｓ．ｃｓｓ＂　／＞
＜ｌｉｎｋ　ｒｅｌ＝＂ｓｔｙｌｅｓｈｅｅｔ＂　ｔｙｐｅ＝＂ｔｅｘｔ／ｃｓｓ＂　ｍｅｄｉａ＝＂ｓｃｒｅｅｎ＂　ｈｒｅｆ＝＂＜｛＄ｘｏｏｐｓ＿ｔｈｅｍｅｃｓｓ｝＞＂　／＞

＜！－－　ＲＭＶ：　ａｄｄｅｄ　ｍｏｄｕｌｅ　ｈｅａｄｅｒ　－－＞
＜｛＄ｘｏｏｐｓ＿ｍｏｄｕｌｅ＿ｈｅａｄｅｒ｝＞
＜ｓｃｒｉｐｔ　ｔｙｐｅ＝＂ｔｅｘｔ／ｊａｖａｓｃｒｉｐｔ＂＞
＜！－－
＜｛＄ｘｏｏｐｓ＿ｊｓ｝＞
／／－－＞
＜／ｓｃｒｉｐｔ＞
＜ｓｃｒｉｐｔ　ｔｙｐｅ＝＂ｔｅｘｔ／ｊａｖａｓｃｒｉｐｔ＂＞
＜／ｓｃｒｉｐｔ＞
＜ｓｃｒｉｐｔ　ｔｙｐｅ＝＂ｔｅｘｔ／ｊａｖａｓｃｒｉｐｔ＂　ｓｒｃ＝＂＜｛＄ｘｏｏｐｓ＿ｉｍａｇｅｕｒｌ｝＞ｊｓ／ａｄｍｉｎｍｅｎｕ．ｊｓ＂＞＜／ｓｃｒｉｐｔ＞
＜ｓｃｒｉｐｔ　ｔｙｐｅ＝＂ｔｅｘｔ／ｊａｖａｓｃｒｉｐｔ＂　ｓｒｃ＝＂＜｛＄ｘｏｏｐｓ＿ｉｍａｇｅｕｒｌ｝＞ｊｓ／ｉｅ５．ｊｓ＂＞＜／ｓｃｒｉｐｔ＞
＜ｓｃｒｉｐｔ　ｔｙｐｅ＝＂ｔｅｘｔ／ｊａｖａｓｃｒｉｐｔ＂＞

ｆｕｎｃｔｉｏｎ　ｔｏｇｇｌｅ（ｎｏｔｉｆｓ＿ｆｏｒｍ）
｛
ｏｂｊ＝ｄｏｃｕｍｅｎｔ．ｇｅｔＥｌｅｍｅｎｔＢｙＩｄ（ｎｏｔｉｆｓ＿ｆｏｒｍ）；
ｏｂｊ．ｓｔｙｌｅ．ｄｉｓｐｌａｙ＝！（ｏｂｊ．ｓｔｙｌｅ．ｄｉｓｐｌａｙ＝＝＂ｂｌｏｃｋ＂）？　＂ｂｌｏｃｋ＂　：　＂ｎｏｎｅ＂；
｝

ｆｕｎｃｔｉｏｎ　ｓｗａｐｉｍａｇｅ（ｓｗａｐ）
｛
ｉｍｇ＿ｐｌｕｓ＝＂＜｛＄ｘｏｏｐｓ＿ｉｍａｇｅｕｒｌ｝＞ｉｍａｇｅｓ／ｐｌｕｓ．ｇｉｆ＂；
ｉｍｇ＿ｍｉｎｕｓ＝＂＜｛＄ｘｏｏｐｓ＿ｉｍａｇｅｕｒｌ｝＞ｉｍａｇｅｓ／ｍｉｎｕｓ．ｇｉｆ＂；
ｏｂｊ＝ｄｏｃｕｍｅｎｔ．ｇｅｔＥｌｅｍｅｎｔＢｙＩｄ（ｓｗａｐ）；
ｏｂｊ．ｓｒｃ＝！（ｏｂｊ．ｓｒｃ＝＝ｉｍｇ＿ｍｉｎｕｓ）？　ｉｍｇ＿ｍｉｎｕｓ　：　ｉｍｇ＿ｐｌｕｓ；
｝

＜／ｓｃｒｉｐｔ＞
＜／ｈｅａｄ＞


註　：　大功告成 , 請複製程式碼的朋友 , 記得要轉半型喔
　　別忘了要修改設定啟用樣板喔
　　一般設定的內容

XOOPS修改LOGO

一、建立自己的影像LOGO
1 使用phtotimpact / PHOTOSHOP / FLASH / FIREWROK / 小畫家都可以
2 要儲存檔喔

儲存名稱及路徑需符合樣本或使用的功用
常見的位置解在
C:\APPSERV\WWW\THEMES\使用的樣版名稱\IMAGES\LOGO檔案名稱

注意 副檔名為GIF喔 這是可以改的喔

XOOPS可下載的佈景

感謝這些網站提供佈景下載位置請直接按一下連結文字喔：
1 校園下載
2 技術服務
3 (日本的XOOP)

4. 以管理員身份進入 / 點選 管理員選單 / 點選 偏好設定 , 點選 系統
5 點選 一般設定 / 進行佈景安裝

注意使用前先將下載的文件放置THEME目錄下 , 有的要解壓喔

XOOPS樣板設計- 登入

一、關於XOOP的樣板
其實樣板就是一般的html網頁檔。
二、建立新樣板
以管理者身份進入管理員選單 , 點選其他工具 , 點選樣板 , 點選 default 的「複本」 , 輸入新樣板名稱 如 MYSTYLE , 點選送出。
三、設定樣板
點選偏好設定 , 點選 系統 , 點選 一般設定，重選「預設樣版組」 點選新樣板(MYSTYLE)。
四、修改樣板(登入)
點選管理員選單,點選 區塊 , 點選 列出所有區塊 , 點選 登入 區塊，點選「編輯樣板」。
技巧看到只要是「<{$block.lang_xxx}>」的都可以修改成自己要表達的文字
也可以用圖片喔但是圖片要上傳至固定位址

XOOPS改版許多 - 大家可以來玩喔

今天休息在家我試著使用我的網站準備將它改版
本想使用土芭樂老師提供的物件 , 但是我忘記了
所以就將錯就錯安裝了APACHE + MYSQL + XOOPS
結果發現XOOPS 2.2版的功能太強了 , 您可以打造一個全新屬於自己的網站
如果朋友有需要可以介紹幾個下載點給您
APACHE : http://httpd.apache.org/download.cgi
XOOPS : http://xoops.tnc.edu.tw/index.php
所以這一週開始我們來討論XOOPS喔