对帝国cms默认留言板模板做的一些美化
2013-11-04 站长 站长日志
帝国cms留言板模板效果如下;
留言板模板css:
.tableborder { border: 1px solid #ccc } .tableborder .header { background: #F0F0F0; color: #000; border: 1px solid #AACCEE; border-bottom: none; } .tableborder td{ line-height:30px; padding-left: 5px; padding-top:5px; padding-right:5px;} .tableborder th{ line-height:30px; padding-left: 5px; padding-top:5px; padding-right:5px; background-color:#CCC; width:100px;} .tableborder1{ border:#CCC 1px solid} .tableborder1 td{ line-height:26px; padding-left: 5px; padding-top:5px; padding-right:5px; border-bottom:#CCC 1px solid} .tableborder1 th{ text-align:right; line-height:30px; padding-left: 5px; padding-top:5px; padding-right:5px; background-color: #F3F3F3; width:100px;} .tableborder1 td .input{ border: #666 1px solid; height:23px; line-height:23px; width:300px} .tableborder1 td textarea{ border: #666 1px solid; line-height:23px; width:500px} .anniu{ background-color: #007348; color:#FFF; border:0px; width:100px; height:25px; line-height:25px; margin-bottom:10px;}
留言板模板代码:
<table border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"> <tr> <td valign="top" bgcolor="#FFFFFF"> [!--empirenews.listtemp--] <table border="0" align="center" cellpadding="4" cellspacing="1" bgcolor="#F4F9FD" class="tableborder"> <tr class="header"> <td >发布者<a name="[!--lyid--]" id="[!--lyid--]"></a>: [!--name--] </td> <td >发布时间: [!--lytime--] </td> </tr> <tr bgcolor="#FFFFFF"> <td colspan="2"><table border="0" cellspacing="1" cellpadding="8" bgcolor='#cccccc'> <tr> <td width='100%' bgcolor='#FFFFFF' style='word-break:break-all'> [!--lytext--] </td> </tr> </table> [!--start.regbook--] <table border="0" align="center" cellpadding="3" cellspacing="1"> <tr> <td><img src="../../data/images/regb.gif" /><strong><font color="#FF0000">回复:</font></strong> [!--retext--] </td> </tr> </table> [!--end.regbook--] </td> </tr> </table> <br /> [!--empirenews.listtemp--] <table border="0" align="center" cellpadding="4" cellspacing="1"> <tr> <td>[!--listpage--]</td> </tr> </table> <form action="../../enews/index.php" method="post" name="form1" id="form1"> <table border="0" align="center" cellpadding="4" cellspacing="1"class="tableborder1"> <tr bgcolor="#FFFFFF"> <th >姓名:</th> <td ><input name="name" type="text" id="name" class="input"/> *</td> </tr> <tr bgcolor="#FFFFFF"> <th>联系邮箱:</th> <td ><input name="email" type="text" id="email" class="input"/> *</td> </tr> <tr bgcolor="#FFFFFF"> <th>联系电话:</th> <td ><input name="mycall" type="text" id="mycall" class="input"/></td> </tr> <tr bgcolor="#FFFFFF"> <th>留言内容(*):</th> <td ><textarea name="lytext" cols="60" rows="12" id="lytext"></textarea></td> </tr> <tr bgcolor="#FFFFFF"> <td > </td> <td ><input type="submit" name="Submit3" value="提交" class="anniu" /> <input type="reset" name="Submit22" value="重置" class="anniu"/> <input name="enews" type="hidden" id="enews" value="AddGbook" /></td> </tr> </table> </form></td> </tr> </table>