Toggle main menu visibility
新聞
下載
教材
影音
討論
其他選單
好站連結
行事曆
電子相簿
常見問題
萬用表單
即時留言簿
友站消息
社大學員
:::
登入
登入
帳號
密碼
登入
重整畫面
:::
所有書籍
「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://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書籍區
即時留言簿
書籍目錄
展開
|
闔起
線上使用者
82
人線上 (
8
人在瀏覽
線上書籍
)
會員: 0
訪客: 82
更多…