線上書籍

Home

[972]CSS打造XOOPS佈景

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

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可以做到絕對垂直置中對齊。