爆米花2..留言本 Skin 档制作说明文档
需要制作 form.htm message.htm reply.htm page.htm 4个文档,必须是 .htm 后缀.
以下是各个文档的详细制作说明:
红色 部分为不可更改的代码,制作的Skin文档必须保留这些代码,而且这些代码不会影响您的设计.
蓝色 部分为可修改部分,您可以修改这些参数以适合您设计的页面.
$$     标志中间的文字全为小写,如果大写将无法显示这些信息.
()      括号里的注释不需要留下.有注释的地方可以用图片代替按钮或文字.
 
用图片代替"提交"按钮的代码:
<input name="Submit" type="image" src="images/submit.gif" width="60" height="20" >
　

<table><td>标签的宽度/高度/背景/边框/颜色等参数您要自己设置以适合您设计的页面.
※在使用CSS控制<input>标签时,要注意$delete$,$re_delete$等含有请适当调整.
※表格最好不要跨页面嵌套.
form.htm 文档制作说明(必须是.htm后缀)
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<link href="images/style.css" rel="stylesheet" type="text/css">
<title>$boardtitle$</title>
</head>
<body oncontextmenu="return false">
<center>
<div align="center">
<a href="index.asp"><img src="images/home.gif" width="36" height="28" border="0" alt="主页"></a>&nbsp;&nbsp;<a href="index.asp"><img src="images/write.gif" width="36" height="28" border="0" alt="签写"></a><br>
<br>
<form name="add" method="post" enctype="multipart/form-data" action="savedata.asp" onsubmit="return add_validator(this)">
<input name="password" type="hidden" maxlength="10" size="32" class="text">
<input type="hidden" name="refile" value="default">
<input type="hidden" name="action" value="$action$">
<input type="hidden" name="myid" value="$myid$">
<table cellspacing="2" cellpadding="2" border="0">
<tr>
<td align="right" width="50">
<img src="images/name.gif" align="center" width="26" height="8"></td>
<td align="left" width="250" colspan="2">
<input class="text" size="44" name="name" type="text" value="$cook_name$" maxlength="20"></td>
</tr>
<tr>
<td align="right" width="50">
<img src="images/email.gif" align="center" width="30" height="8"></td>
<td align="left" width="250" colspan="2">
<input class="text" size="44" name="email" type="text" value="$cook_email$" maxlength="50"></td>
</tr>
<tr>
<td align="right" width="50">
<img src="images/rhome.gif" align="center" width="28" height="10"></td>
<td align="left" width="250" colspan="2">
<input class="text" size="44" value="$cook_home$" name="homepage" type="text" maxlength="100">
</td>
</tr>
<tr>
<td align="right" width="50">
<img src="images/message.gif" align="center" width="44" height="8"></td>
<td align="left" width="250" colspan="2">
<textarea name="content" rows="5" cols="44" class="text"></textarea></td>
</tr>
<tr>
<td align="right" width="50">
<img src="images/cookies.gif" align="center" width="42" height="8"></td>
<td align="left" width="95">
<img src="images/yes.gif" align="center" height="8">
<input checked name="cookies" type="radio" value="1">
<img src="images/no.gif" align="center" height="8">
<input name="cookies" type="radio" value="0">&nbsp;&nbsp; </td>
<td align="left" width="155" rowspan="2" valign="top">
<select name="face" size="1" onChange="showimage()">
<script language="javascript">
function showimage()
{
document.images.face.src=document.add.face.options[document.add.face.selectedIndex].value;
}
</script>
<option value="face/0.gif" selected>头像1</option>
<option value="face/1.gif">头像2</option>
<option value="face/2.gif">头像3</option>
<option value="face/3.gif">头像4</option>
<option value="face/4.gif">头像5</option>
<option value="face/5.gif">头像6</option>
<option value="face/6.gif">头像7</option>
<option value="face/7.gif">头像8</option>(可增加头像)
</select>&nbsp;&nbsp;<img src="face/0.gif" name="face" border="0" width="15" height="17">
</td>
</tr>
<tr>
<td align="right" width="50"></td>
<td align="left" width="95">&nbsp; </td>
</tr>
<tr>
<td align="right" width="50"></td>
<td align="left" width="250" colspan="2">
<input class="submit" style="width: 40px" type="submit" value="ok" name="submit">
</td>
</tr></table>

</form>
</div>
</center>
$form$

※必须以$form$ 结束，
message.htm 文档制作说明(必须是.htm后缀)
<link href="images/style.css" rel="Stylesheet" type="text/css">
<p><br>
</p>
<table align="center" width="300">
<tr>
<td background="images/line.gif" height="4"></td>
</tr>
<tr>
<td>
<table cellSpacing="0" cellPadding="0" width="300" align="center" border="0">
<tr>
<td align="right" width="300" height="30">
<a title="* 回复 *" href="$reply$">
<img src="images/resinput.gif" border="0" width="61" height="25"></a></td>
</tr>
<tr>
<td width="300" height="10"></td>
</tr>
<tr>
<td>
<table cellSpacing="0" cellPadding="2" width="300" align="left" border="0">
<tr>
<td align="left"><small>.$id$</small></td>
<td align="right"><small>$time$</small></td>
</tr>
<tr>
<td height="10" colspan="2">
<img src="images/space.gif" width="1" height="1"></td>
</tr>
<tr>
<td align="right" width="30" valign="top"><img src="$face$"></td>
<td align="left">
<p style="LINE-HEIGHT: 15px">&nbsp;$content$</a></td>
</tr>
<tr>
<td align="right" colspan="2">$name$&nbsp;&nbsp;<a title="* 主页 *" href="$homepage$" target="_blank"><img src="images/url.gif" border="0" width="12" height="10"></a><a title="* 邮箱 *" href="$email$"><img src="images/mail.gif" border="0" width="12" height="10"></a>$delete$</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="5" colspan="2">
<img src="images/space.gif" width="1" height="1"></td>
</tr>
</table>
</td>
</tr>
</table>
reply.htm 文档制作说明(必须是.htm后缀)
<p><br>
</p>
<table cellSpacing="0" cellPadding="0" width="300" align="center" border="0">
<tr>
<td>
<table cellSpacing="0" cellPadding="0" width="300" align="center" border="0">
<tr>
<td background="images/line.gif" height="1" colspan="2">
<img src="images/space.gif" width="1" height="1"></td>
</tr>
<tr>
<td align="right" colspan="2"><small>$re_time$</small></td>
</tr>
<tr>
<td align="right" width="30" valign="top"><img src="$re_face$"></td>
<td align="left">
<p style="LINE-HEIGHT: 15px">$re_content$</td>
</tr>
<tr>
<td align="right" width="300" colspan="2">$re_name$&nbsp;&nbsp;<a title="* 主页 *" href="$re_homepage$" target="_blank"><img src="images/url.gif" border="0" width="12" height="10"></a><a title="* 邮箱 *" href="$re_email$"><img src="images/mail.gif" border="0" width="12" height="10"></a>$re_delete$</td>
</tr>
</table>
</td>
</tr>
</table>
　
page.htm 文档制作说明(必须是.htm后缀)
<p align="center"><small>
<img src="images/chkall.gif" valign="middle" width="50" height="8">
&nbsp;&nbsp;<input name="chkall" type="checkbox" id="chkall" value="select" onclick="CheckAll(this.form)">
<img src="images/pass.gif" valign="middle" width="26" height="8">&nbsp;&nbsp;<input name="password" type="password" maxlength="10" size="6" class="text">
<input name="Submit" type="image" src="images/del.gif"></samll></p>
$form$
<table width="300" border="0" cellspacing="0" cellpadding="0" align="center">
<tr align="center">
<td class="efont">$page$</td>
</tr>
</table>
<p align="center"><img src="images/copyright.gif" width="150" height="8"></p>
</small>

</body>

</html>
　

Copy right 2004-2005 by www.521lu.com