Message在线留言功能示范脚本

admin

留言示范语：
欢迎留下您的姓名、电话、建议与要求，以便我们及时与您取得联系。

.MessageBorder{ text-align:left;}
.MsgColor0{ border:1px solid #dfdfdf; background:#f8f8f8; padding:4px;}
.MsgColor1{ padding:5px;}
.MsgList{ font-weight:bold; background:url(men.gif) no-repeat left center; text-indent:20px;}
.MsgText .face{ height:18px; vertical-align:middle; margin-right:5px;}
.MsgReply{ font-weight:bold; background:url(reply.gif) no-repeat left center; text-indent:20px;}
.MessageTable{ font-weight:bold; background:url(man.gif) no-repeat left 0px; margin:2px 0; text-indent:25px; line-height:22px; display:block; margin-bottom:30px;}
.MsgName,.MsgContact,.MsgContent{ clear:both;}
.MsgLeft{ float:left; display:block; width:100px; padding-right:10px; text-align:right;}
.MsgRight{ float:left; display:block; clear:right; margin-bottom:10px;}
.MsgRight input[type=text],.MsgRight textarea{ width:500px;}
.MsgSubmit{ margin:8px 0px; display:block; clear:both;}
.MsgFace img{ width:18px; vertical-align:middle;}

admin

留言提示语：
请留下您的<red>姓名</red>、<red>电话</red>、<red>建议与要求</red>，以便我们及时与您取得联系。

.MessageBorder{ text-align:left;}
.MsgColor0{ border:1px solid #dfdfdf; background:#f8f8f8; padding:4px;}
.MsgColor1{ padding:5px;}
.MsgList{ font-weight:bold; background:url(men.gif) no-repeat left center; text-indent:20px;}
.MsgText .face{ height:18px; vertical-align:middle; margin-right:5px;}
.MsgReply{ font-weight:bold; background:url(reply.gif) no-repeat left center; text-indent:20px;}
.MessageTable{ height:50px; padding-top:30px; padding-left:62px; font-size:20px; font-weight:bold; background:url(write.jpg) no-repeat left 0px; margin:2px 0;}
.MessageTable red{ font-size:20px; color:#f00;}
.MsgName,.MsgContact,.MsgContent{ clear:both;}
.MsgLeft{ float:left; display:block; width:100px; padding-right:10px; text-align:right;}
.MsgRight{ float:left; display:block; clear:right; margin-bottom:10px;}
.MsgRight input[type=text]{ width:380px;}
.MsgRight textarea{ width:800px; height:280px}
.MsgSubmit{ margin:8px 0px; display:block; clear:both;}
.MsgFace img{ width:18px; vertical-align:middle;}

改进版示范模板ft，客户案例：wuhufangtuo

admin

.body .Message{ background:url(office.jpg) no-repeat left center; padding-left:620px;}
.MessageBorder{ text-align:left;}
.MsgColor0{ border:1px solid #dfdfdf; background:#f8f8f8; padding:4px;}
.MsgColor1{ padding:5px;}
.MsgList{ font-weight:bold; background:url(men.gif) no-repeat left center; text-indent:20px;}
.MsgText .face{ height:18px; vertical-align:middle; margin-right:5px;}
.MsgReply{ font-weight:bold; background:url(reply.gif) no-repeat left center; text-indent:20px;}
.MessageTable{ padding-top:30px; padding-left:62px; font-size:20px; font-weight:bold; background:url(write.jpg) no-repeat left 0px; margin-bottom:20px;}
.MessageTable red{ font-size:20px; color:#f00;}
.MsgName,.MsgContact,.MsgContent{ clear:both;}
.MsgLeft{ float:left; display:block; width:100px; padding-right:10px; text-align:right;}
.MsgRight{ float:left; display:block; clear:right; margin-bottom:10px;}
.MsgRight input[type=text]{ width:380px;}
.MsgRight textarea{ width:382px; height:280px}
.MsgSubmit{ margin:8px 0px; display:block; clear:both;}
.MsgFace img{ width:18px; vertical-align:middle;}
注意事项：一定要在后台菜单-->编辑-->高级选项-->附属功能中加入CSS CLASS属性值（优先无缺点，第一选项）为Message，也可以在直接命名英文菜单（有缺点，备用选项）为Message

模板：hy,cbsm 案例：whstjs,whcbsm