子標題:刪除舊語法
system為xoops內建的模組,模板中的system_redirect.html檔就是我們最常用到的轉向頁面。
網上提供免費XOOPS佈景讓那些不懂美工的人可以擁有漂亮的佈景,而轉向頁面也一樣,需要去找的是免費素材網站提供的background素材。
用背景圖需要注意的是圖檔大小,特別是只放大圖片作背景者,不適合用在僅有約一兩秒轉向時間的頁面,但若用之有法,大圖檔還是一樣可以用的很順暢。
用在轉向頁面的背景圖宜選擇較為素淨一點的顏色,若太雜的話,還沒有讓人看清楚頁面訊息在說啥,一幌眼就已經轉完了,因此用此種顏色者需要在上面加上一層淨色或半透明的背景。
參看本文第二頁列表中的範例之前,請先行刪除 modules/system/templates/system_redirect.html 內的一段舊語法,以下內容為xoops2.0.* 版,2.3 ─ 2.3.2b版也適用,除了首行多了DOCTYPE外,內容和2.0.*版沒有差別。
請將裡面橘色的一段語法刪除
接著將 id 丟給html,存檔後轉移目標到theme去。
接下來將背景圖上傳到themes/images下,然後按照下一頁列表裡的背景圖延伸方式,參看範例中的語法來修改。如果還沒有找到心目中的背景圖,可試試從下頁列表中的素材來源網站裡找找看,這幾個站的背景圖大多都漂亮。
網上提供免費XOOPS佈景讓那些不懂美工的人可以擁有漂亮的佈景,而轉向頁面也一樣,需要去找的是免費素材網站提供的background素材。
用背景圖需要注意的是圖檔大小,特別是只放大圖片作背景者,不適合用在僅有約一兩秒轉向時間的頁面,但若用之有法,大圖檔還是一樣可以用的很順暢。
用在轉向頁面的背景圖宜選擇較為素淨一點的顏色,若太雜的話,還沒有讓人看清楚頁面訊息在說啥,一幌眼就已經轉完了,因此用此種顏色者需要在上面加上一層淨色或半透明的背景。
參看本文第二頁列表中的範例之前,請先行刪除 modules/system/templates/system_redirect.html 內的一段舊語法,以下內容為xoops2.0.* 版,2.3 ─ 2.3.2b版也適用,除了首行多了DOCTYPE外,內容和2.0.*版沒有差別。
請將裡面橘色的一段語法刪除
![]()
![]()
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<{$xoops_charset}>" />
<meta http-equiv="Refresh" content="<{$time}>; url=<{$url}>" />
<title><{$xoops_sitename}></title>
<link rel="stylesheet" type="text/css" media="all" href="<{$xoops_themecss}>" />
</head>
<body>
<div style="text-align:center; background-color: #EBEBEB; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight : bold;">
<h4><{$message}></h4>
<p><{$lang_ifnotreload}></p>
</div>
<{if $xoops_logdump != ''}><div><{$xoops_logdump}></div><{/if}>
</body>
</html>
接著將 id 丟給html,存檔後轉移目標到theme去。
![]()
![]()
<html id="redirect">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<{$xoops_charset}>" />
<meta http-equiv="Refresh" content="<{$time}>; url=<{$url}>" />
<title><{$xoops_sitename}></title>
<link rel="stylesheet" type="text/css" media="all" href="<{$xoops_themecss}>" />
</head>
<body>
<div>
<h4><{$message}></h4>
<p><{$lang_ifnotreload}></p>
</div>
<{if $xoops_logdump != ''}><div><{$xoops_logdump}></div><{/if}>
</body>
</html>
接下來將背景圖上傳到themes/images下,然後按照下一頁列表裡的背景圖延伸方式,參看範例中的語法來修改。如果還沒有找到心目中的背景圖,可試試從下頁列表中的素材來源網站裡找找看,這幾個站的背景圖大多都漂亮。