您当前的位置:首页 > 帝国CMS教程

对帝国cms默认留言板模板做的一些美化

来源:帝国CMS教程发布者:帝国CMS模板网时间:2013-11-04

帝国cms留言板模板效果如下;

对帝国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 >&nbsp;</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>