:::
所有書籍
「XOOPS佈景製作」目錄
MarkDown
5. 強化區塊樣板
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. [下載]佈景範例
6-1 theme.html
XOOPS佈景製作 ========= [![](http://tad0616.net/uploads/dl.gif)](http://120.115.2.76/tad/tad_book3/file/theme/06(1).zip) [
下載修改過的user\_menu.html
](http://120.115.2.76/tad/tad_book3/file/theme/user_menu.zip) 1\. XOOPS樣板標籤一覽: (1) <{$xoops\_isuser}>:是否有登入 (2) <{$xoops\_userid}>:使用者編號 (3) <{$xoops\_uname}>:登入帳號 (4) <{$xoops\_isadmin}>:是否為管理員 (5) <{$xoops\_theme}>:使用佈景名稱 (6) <{$xoops\_imageurl}>:佈景路徑 (7) <{$xoops\_themecss}>:佈景CSS路徑 (8) <{$xoops\_requesturi}>:執行的網址 (9) <{$xoops\_sitename}>:網站名稱 (10) <{$xoops\_slogan}>:網站口號 (11) <{$xoops\_dirname}>:XOOPS目錄 (12) <{$xoops\_banner}>:廣告 (13) <{$xoops\_pagetitle}>:頁面標題 (14) <{$xoops\_avatar}>:使用者圖像(XOOPS2.4.3新增) (15) <{$xoops\_usergroups}>:使用者所屬群組(XOOPS2.4.3新增) 2\. 重新調整標題(把圖設為背景,並在裡面多一個1x3表格):
<td background="<{xoImgUrl img/logo.png}>" height="199"> <table style="width:960px;margin:90px auto 0px;"><tr> <td width=400></td><td></td><td width=300></td> </tr></table>
3\. 為了避免theme.html過於複雜,建議把一些區域的樣板作成獨立的html檔,存至
**
xotpl
**
,然後引入到theme.html中使用即可。 4\. 引入的語法:<{includeq file="$theme\_name/xotpl/login.html"}> 5\. 用來判斷是否為以註冊會員,若是秀出使用者選單,若不是秀出登入畫面:
<{if $xoops\_isuser}>使用者選單語法<{else}>登入語法<{/if}>
亦即
<{if $xoops\_isuser}>
<{includeq file="$theme\_name/xotpl/user\_menu.html"}> <{else}> <{includeq file="$theme\_name/xotpl/login.html"}> <{/if}>
6\. 登入畫面常用的連結: (1) form的action要改為<{xoAppUrl /user.php}>(也就是2.3.x之後佈景的寫法) (2) xoops\_redirect登入後轉向則改成<{$xoops\_requesturi}>即可。 (3) 立即註冊路徑:<{xoAppUrl /register.php}> (4) 密碼遺失路徑:<{xoAppUrl /user.php#lost}> 7\. 使用者選單的內容: (1) <a href="<{$xoops\_url}>/user.php" >查看帳號</a> (2) <a href="<{$xoops\_url}>/edituser.php">編輯帳號</a> (3) <a href="<{$xoops\_url}>/notifications.php"">通知</a> (4) <a href="<{$xoops\_url}>/user.php?op=logout" ">登出</a> 8\. 判斷是否秀出為管理員,若是秀出管理登入畫面:
<{if $xoops\_isadmin}> <a href="<{xoAppUrl /admin.php}>">管理介面</a> <{/if}>
9\. 判斷有沒有私人信息:
<{xoInboxCount assign=pmcount}> <{if $pmcount}> <a href="<{xoAppUrl viewpmsg.php}>">您有 <{$pmcount}> 封信</a> <{else}> <a href="<{xoAppUrl viewpmsg.php}>">收件箱</a> <{/if}>
10\. 插入小插圖: (1) 若插圖放在佈景下的images中,那麼,可用{xoImgUrl images/檔名}>來插圖。
<img src="<{xoImgUrl images/圖.png}>" hspace="3" align="absmiddle">
(2) hspace為HTML的插圖屬性,意思是圖片左右兩側的間距。 (3) align是用來對齊的,absmiddle可以做到絕對垂直置中對齊。 11\. 插入個人圖像(2.4.3之後才支援)
<div align="right" style="width:90px;height:90px;background-image:url(<{xoAppUrl /uploads/}><{$xoops\_avatar}>)"></div>
:::
搜尋
search
進階搜尋
QR Code 區塊
快速登入
所有討論區
「PHP全端開發」線上課程討論區
XOOPS使用討論區
一般研習學員
社大學員專用
路過哈啦區
XOOPS佈景設計
XOOPS模組開發
Tad書籍區
即時留言簿
書籍目錄
展開
|
闔起
線上使用者
573
人線上 (
210
人在瀏覽
線上書籍
)
會員: 0
訪客: 573
更多…
:::
主選單
NTPC OpenID
活動報名
模組控制台
進階區塊管理
站長工具箱(急救版)
網站地圖
Tad Tools 工具包
站長工具箱
行事曆
討論留言
嵌入區塊模組
快速登入
網站計數器
好站連結
最新消息
檔案下載
線上書籍
電子相簿
影音播放
常見問題
萬用表單
友站消息
社大學員
新聞
下載
教材
影音
討論
其他選單
好站連結
行事曆
電子相簿
常見問題
萬用表單
即時留言簿
友站消息
社大學員
登入
登入
帳號
密碼
登入