Tad 教材網 - 線上書籍

:::

\[972\]CSS打造XOOPS佈景
===================

[![](http://tad0616.net/uploads/dl.gif)](http://120.115.2.76/tad/tad_book3/file/bluefish/14.zip)

### 一、把登入區塊整合到佈景上

1.先檢視登入區塊的語法，將<form></form>間的所有語法複製起來，並整理之。  
 2.若不會整理，可直接套用教材包裡頭的「登入語法.txt」。  
 3.form的action要改為<{xoAppUrl /user.php}>（也就是2.3.x的佈景寫法）  
 4.xoops\_redirect登入後轉向則改成<{$xoops\_requesturi}>即可。  
 5.立即註冊路徑：<{xoAppUrl /register.php}>  
 6.密碼遺失路徑：<{xoAppUrl /user.php#lost}>

### 二、把其他的樣板引入theme.html

1.為了避免theme.html過於複雜，建議把一些區域的樣板作成獨立的html檔，然後引入到theme.html中使用即可。  
 2.引入的語法：<{includeq file="$theme\_name/login.html"}>

### 三、判斷是否有登入

1.用來判斷是否為以註冊會員，若是嗅出使用者選單，若不是秀出登入畫面：  
 <{if $xoops\_isuser}>使用者選單語法<{else}>登入語法<{/if}>

### 四、秀出使用者選單（相容2.2.x及2.3.x的寫法）

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>

### 五、判斷是否秀出為管理員，若是秀出管理登入畫面：

<{if $xoops\_isadmin}>  
 <a href="<{xoAppUrl /admin.php}>">管理介面</a>  
 <{/if}>

### 六、判斷有沒有私人信息

<{xoInboxCount assign=pmcount}>  
 <{if $pmcount}>  
 <a href="<{xoAppUrl viewpmsg.php}>">您有 <{$pmcount}> 封信</a>  
 <{else}>  
 <a href="<{xoAppUrl viewpmsg.php}>">收件箱</a>  
 <{/if}>

### 七、插入小插圖

1.若插圖放在佈景下的images中，那麼，可用{xoImgUrl images/檔名}>來插圖。  
 2.<img src="<{xoImgUrl images/power\_off.png}>" hspace="3" align="absmiddle">  
 3.hspace為HTML的插圖屬性，意思是圖片左右兩側的間距。  
 4.align是用來對齊的，absmiddle可以做到絕對垂直置中對齊。  
 ![](http://tad0616.net/uploads/tad_book3/image/tad042.png)

:::