:::
所有書籍
「XOOPS佈景製作」目錄
MarkDown
3. 將樣板製作成XOOPS佈景樣板
1. 快速安裝XOOPS
1-1 XOOPS的外觀組成
2. 用網頁編輯器製作佈景基本網頁
3. 將樣板製作成XOOPS佈景樣板
4. 製作區塊樣板
4-1 xotpl/block.html
4-2 xotpl/block_center.html
4-3 css/blocks.css
4-4 css/style.css
4-5 theme.html
4-6 xotpl/block_right.html
5. 強化區塊樣板
6. 整合登入畫面及使用者選單至佈景中
6-1 theme.html
7. 修改轉頁畫面
8. 設定語系
9. 加入ajax或flash
10. 網站小圖
11. [補充] CSS基本概念
12. [補充]常用CSS語法
13. [下載]佈景範例
4-1 xotpl/block.html
XOOPS佈景製作 ========= [![](http://tad0616.net/uploads/dl.gif)](http://120.115.2.76/tad/tad_book3/file/theme/04.zip) [
下載基本佈景練習檔
](http://120.115.2.76/tad/tad_book3/file/theme/school2010.zip)
下載區塊練習背景圖:
[圖一](http://120.115.2.76/tad/tad_book3/file/theme/block_bg.png) 1\. 修改block.html的主架構 (1) 區塊標題:
**<{$block.title}>**
(2) 區塊內容:
**<{$block.content}>**
2\. 修改xoops.css中的區塊外觀設定 3\. 每個區塊放置區都可引入不同的區塊樣板。 4\. 安裝您的佈景:「管理區→一般設定→基本參數設定 」進行佈景安裝 (1) 「預設佈景(theme)」:選擇您做的佈景 (2) 「從/themes/yourtheme/templates更新模組的樣板文件」選「是」。 (3) 「用戶可選擇的佈景」:使用者可套用的佈景,一定要包含「預設版面風格」。 (4) 登出後,佈景始生效。 5\. 修改CSS檔,開啟style.css來修改之,例如: (1) 設定body字型大小(font-size)為12px (2) 設定連結的顏色(color),或者是否去除底線(text-decoration) (3) 加入.blockTitle設定,設定區塊標題。 (4) 加入.blockContent,設定區塊內容。 (5) 可用以下css設定來加入文字陰影:
text-shadow: #cfcfcf 1px 1px 0px; filter: progid:DXImageTransform.Microsoft.Shadow (color="#cfcfcf", strength="3", direction="135");
6\. 請修改中間區塊的外觀(或右邊),並另存成新的區塊樣板檔,如:center\_block.html 7\. 修改theme.html中,該區塊放置區所引入的樣板檔,如:
<{foreach item=block from=$xoBlocks.page\_topcenter}> <{includeq file="$theme\_name/xotpl/center\_block.html"}> <{/foreach}>
8\. 區塊樣板可以使用不同id達到和別的區域區隔效果:
<div class="block" id="center\_black"> …略…</div>
9\. 樣式設定時,便可針對該區域設定外觀:
.center\_block .blockTitle{ border-bottom:1px dotted #D7D7D7; padding:3px 6px; margin-bottom:4px; color:gray; font-size:24px; text-shadow: #cfcfcf 1px 1px 0px; }
:::
搜尋
search
進階搜尋
QR Code 區塊
快速登入
所有討論區
「PHP全端開發」線上課程討論區
XOOPS使用討論區
一般研習學員
社大學員專用
路過哈啦區
XOOPS佈景設計
XOOPS模組開發
Tad書籍區
即時留言簿
書籍目錄
展開
|
闔起
線上使用者
588
人線上 (
212
人在瀏覽
線上書籍
)
會員: 0
訪客: 588
更多…
:::
主選單
NTPC OpenID
活動報名
模組控制台
進階區塊管理
站長工具箱(急救版)
網站地圖
Tad Tools 工具包
站長工具箱
行事曆
討論留言
嵌入區塊模組
快速登入
網站計數器
好站連結
最新消息
檔案下載
線上書籍
電子相簿
影音播放
常見問題
萬用表單
友站消息
社大學員
新聞
下載
教材
影音
討論
其他選單
好站連結
行事曆
電子相簿
常見問題
萬用表單
即時留言簿
友站消息
社大學員
登入
登入
帳號
密碼
登入