從範本學習 ﹣ 基礎 apeskin 製作

範本檔案說明

製作 apeskin時,與製作普通的 HTML 檔案有少少不同的地方。
那就是,apeskin 只是設計模版 (template),須由 apeboard+ 將留言內容等資料插入到 apeskin 所標示的特定文字組合記號位置去。
現在利用主程式內附上的範本 apeskin 逐一說明。

這裏所用的範本 apeskin 是包含讓留言者自行刪除自己的留言的設計,若自行製作 apeskin 時想加入此功能,或想在下載回來的 apeskin 加入此功能時,請參考此文章。

apeskin.html的說明

header 部分的說明

Line:007
<a href=”back_url”> ~ </a>

為返回主頁的連結。

必須如這此編寫,不能變更。

Line:009
<form method=”post” action=”apeboard_plus.cgi”>

這是留言版上部各留言部分的表格的開始。
「action=”./apeboard_plus.cgi”」為主程式的檔案名稱。
例如,根據「10. 加強安全性的設定」將檔案名稱改名為 bbs.cgi 的話,就應該改為「action=”./bbs.cgi”」。

Line:010
<input type=”hidden” name=”command” value=”write”>

這部分請勿修改,且必須緊貼着上行的 <form> 標籤。

Line:019
<input type=”text” name=”subject” size=”30″ maxlength=”60″>

輸入留言標題的部分。
這裏請勿修改「name=”subject”」。
其他屬性,適當的修改是沒問題的。

Line:023
<input type=”text” name=”name” size=”30″ maxlength=”60″>

輸入留言者名稱的部分。
這裏請勿修改「name=”name”」。
其他屬性,適當的修改是沒問題的。

Line:027
<input type=”text” name=”mail” size=”30″ maxlength=”60″>

輸入留言者電郵地址的部分。
這裏請勿修改「name=”mail”」。
其他屬性,適當的修改是沒問題的。

Line:031
<input type=”text” name=”url” size=”30″ maxlength=”60″>

輸入留言者網站URL 的部分。
這裏請勿修改「name=”url”」。
其他屬性,適當的修改是沒問題的。

Line:035
<input type=”password” name=”pwd” size=”10″ maxlength=”10″>

留言時輸入刪除留言用的密碼的部分。
這裏請勿修改「name=”pwd”」。
其他屬性,適當的修改是沒問題的。

如不允許留言者自行刪除留言的話,這一行是不必要的。

Line:040 – 053
<select name=”icon”>
<option value=”1″ selected>牡羊座 (03/21~04/20)</option>
<option value=”2″>牡牛座 (04/21~05/21)</option>
<option value=”3″>双子座 (05/22~06/21)</option>
<option value=”4″>蟹 座 (06/22~07/22)</option>
<option value=”5″>獅子座 (07/23~08/22)</option>
<option value=”6″>乙女座 (08/23~09/23)</option>
<option value=”7″>天秤座 (09/24~10/23)</option>
<option value=”8″>蠍 座 (10/24~11/22)</option>
<option value=”9″>射手座 (11/23~12/21)</option>
<option value=”10″>山羊座 (12/22~01/20)</option>
<option value=”11″>水瓶座 (01/21~02/18)</option>
<option value=”12″>魚 座 (02/19~03/20)</option>
</select>

這是選擇頭像用的下拉式選項。
設計上並不一定要使用下拉式選項, 單選按鈕也沒有問題。
只是,請勿改變「name=”icon”」部分。

另外,value 部分是各頭像移去副檔名後的檔案名稱。
(例如範本預設的頭像 hoge1.gif 的話,應設定為 value=”hoge1″)
不過,value=”master” 是管理員利用管理員頁回覆留言時預設的數值,所以在這裏並不建議讓留言者選擇到管理員的頭像。

Line:058
<textarea name=”message” cols=”30″ rows=”5″></textarea>

留言時輸入留言內容的部分。
這裏請勿修改「name=”message”」。
其他屬性,適當的修改是沒問題的。

Line:062
<input type=”checkbox” name=”use_cookie” value=”on” checked>

是否使用 cookie 的複選框。
這裏請勿修改「name=”use_cookie”」和「value=”on”」。

Line:067
</form>

關閉由 Line:010 開始的表單。

換言之,由Line:010 至Line:067 為輸入留言的表單部分。

Line:068
<form action=”apeboard_plus.cgi” method=”post”>

這是,留言者自行刪除留言功能用的表單。
要令這項功能順利運作,必須用 <form> 標籤包圍整個 log 部分。

當然,如果曾經改過留言版主程式的檔案名稱的話,請修改「action=”./apeboard_plus.cgi”」部分。


Line:069
<!–cut–>

區域分割標記。

在記號前的是 header 部分,記號後的是接下來的 log 部分。


log 部分的說明

Line:072
<input type=”checkbox” name=”target”>

選擇要刪除的留言用的複選框。
必須如這此編寫,不能變更。

請勿像 header 部分加入「value=”on”」等屬性。

Line:073
idnum<!–s–>

顯示留言編號的記號。
程式會將此特定文字組合記號轉換成留言編號。

必須如這此編寫,不能變更。
特別注意「idnum」和「<!–s–>」中間不能有空格或換行,否則程式不能順利轉換。

Line:076
<a href=”resinput”> ~ </a>

指定回覆留言畫面的連結。
例如 <a href=”resinput”>hoge</a>,程式會設定好回覆留言的連結,
hoge 部分可輸入圖片或文字均可。

必須如這此編寫,不能變更。

Line:077
date<!–s–>

顯示留言時間日期的記號。
程式會將此特定文字組合記號轉換成留言的時間日期。

必須如這此編寫,不能變更。
特別注意「date」和「<!–s–>」中間不能有空格或換行,否則程式不能順利轉換。

Line:077
name<!–s–>

顯示留言者名字的記號。
程式會將此特定文字組合記號轉換成留言者名字。
根據初期設定,還可以將名字作成電郵地址的連結。

必須如這此編寫,不能變更。
特別注意「name」和「<!–s–>」中間不能有空格或換行,否則程式不能順利轉換。

Line:077
mail<!–s–>

顯示留言者電郵地址的記號。
程式會將此特定文字組合記號轉換成留言者電郵地址。
根據初期設定,還可以利用圖片或文字作成電郵地址的連結。

必須如這此編寫,不能變更。
特別注意「mail」和「<!–s–>」中間不能有空格或換行,否則程式不能順利轉換。

Line:077
url<!–s–>

顯示留言者網站URL 的記號。
程式會將此特定文字組合記號轉換成留言者網站URL。
根據初期設定,還可以利用圖片或文字作成網站URL的連結。

必須如這此編寫,不能變更。
特別注意「url」和「<!–s–>」中間不能有空格或換行,否則程式不能順利轉換。

Line:080
icon<!–s–>

顯示頭像的記號。
程式會將此特定文字組合記號轉換成留言者留言時所選擇的頭像。

必須如這此編寫,不能變更。
特別注意「icon」和「<!–s–>」中間不能有空格或換行,否則程式不能順利轉換。

Line:081
message<!–s–>

顯示留言內容的記號。
程式會將此特定文字組合記號轉換成留言內容。

必須如這此編寫,不能變更。
特別注意「message」和「<!–s–>」中間不能有空格或換行,否則程式不能順利轉換。


Line:085
<!–resstart–>

表示顯示回覆用的 HTML 開始的記號。

這記號下的是 res(回覆) 部分。


Line:092
ressubject<!–s–>

顯示回覆的標題的記號。
程式會將此特定文字組合記號轉換成回覆的標題。

必須如這此編寫,不能變更。
特別注意「ressubject」和「<!–s–>」中間不能有空格或換行,否則程式不能順利轉換。

Line:096
resdate<!–s–>

顯示回覆的留言時間日期的記號。
程式會將此特定文字組合記號轉換成回覆的留言時間日期。

必須如這此編寫,不能變更。
特別注意「resdate」和「<!–s–>」中間不能有空格或換行,否則程式不能順利轉換。

Line:096
resname<!–s–>

顯示回覆的留言者名稱的記號。
程式會將此特定文字組合記號轉換成回覆的留言者名稱。
根據初期設定,還可以將名字作成電郵地址的連結。

必須如這此編寫,不能變更。
特別注意「resname」和「<!–s–>」中間不能有空格或換行,否則程式不能順利轉換。

Line:096
resmail<!–s–>

顯示回覆的留言者電郵地址的記號。
程式會將此特定文字組合記號轉換成回覆的留言者電郵地址。
根據初期設定,還可以利用圖片或文字作成電郵地址的連結。

必須如這此編寫,不能變更。
特別注意「resmail」和「<!–s–>」中間不能有空格或換行,否則程式不能順利轉換。

Line:096
resurl<!–s–>

顯示回覆的留言者網站URL 的記號。
程式會將此特定文字組合記號轉換成回覆的留言者網站URL 。
根據初期設定,還可以利用圖片或文字作成網站URL 的連結。

必須如這此編寫,不能變更。
特別注意「resurl」和「<!–s–>」中間不能有空格或換行,否則程式不能順利轉換。

Line:099
resicon<!–s–>

顯示回覆的頭像的記號。
程式會將此特定文字組合記號轉換成留言者回覆時所選擇的頭像。

必須如這此編寫,不能變更。
特別注意「resicon」和「<!–s–>」中間不能有空格或換行,否則程式不能順利轉換。

Line:100
resmessage<!–s–>

顯示回覆的留言內容的記號。
程式會將此特定文字組合記號轉換成回覆的留言內容。

必須如這此編寫,不能變更。
特別注意「resmessage」和「<!–s–>」中間不能有空格或換行,否則程式不能順利轉換。


Line:107
<!–resend–>

表示顯示回覆用的 HTML 結束的記號。

由Line:085 至此為res (回覆)部分。


Line:108
<!–cut–>

區域分割標記。

在記號前的是 log 部分,記號後的是接下來的 footer 部分。


footer 部分の説明

Line:109
<input type=”hidden” name=”command” value=”remove”>

如允許留言者自行刪除留言的話,就需要這行 HTML,而且務必如此編寫。
如不需要留言者自行刪除留言功能的話,沒有這行也能順利運作。

這行必須寫於 Line:068的 <form> 關閉前。

Line:110
<input type=”password” name=”pwd” size=”10″ maxlength=”10″>

這是輸入密碼用的文字輸入欄。
size 和 maxlength 可以更改,但請勿修改其他部分。

當然,若不允許留言者自行刪除留言的話,就不需要這一行。

Line:112
</form>

關閉由 Line:068 起的 <form> 標題。
這樣一來,整個 log部分都被這個 <form> 標籤包圍。

很容易因為少了這行而令留言者自行刪除留言功能不能順利運作,敬請注意。

Line:114
<a href=”top”> ~ </a>

返回留言版首頁的連結。

必須如這此編寫,不能變更。

Line:114
<a href=”back_url”> ~ </a> 

和 Line:007 一樣,是返回主頁的連結。

必須如這此編寫,不能變更。

Line:114
<a href=”back”> ~ </a>

往留言版下一頁的連結。

必須如這此編寫,不能變更。

Line:117
<a href=”http://www.2apes.com” target=”_blank”>apeboard+ by 2apes.com</a>

連結至 apeboard+ 作者 2apes.com 的網站的連結。

顯示版權的設計沒有固定格式,但務必連結至作者網站

Leave a Reply

Your email address will not be published. Required fields are marked *