从宏博1.8版开始,查看其他会员的留言的同时,可以直接发表回复,就类似论坛的帖子回复一样。
有时候,你可能觉得默认的查看留言的外观不好看,如何进行修改外观呢?
首先,你还是需要为show_msg.php查看留言程序制作一个对应的模板文件,进入你的默认模板目录里,将user_index.tpl.html复制,粘贴,重命名为user_show_msg.tpl.html,并将此模板保存到你的默认模板目录里。
如果您不需要增减要显示的内容,只是希望美化一下,请直接用css来美化它。
下面是系统输出自带的css风格设置:
<style type="text/css">
.single_msg { clear:both; padding:10px 5px 0 5px;}
.single_msg dd {padding-left:10px;}
.single_msg .item_footer {padding-top:5px;border-top:1px dotted gray;}
.single_msg .item_header ul,
.single_msg .item_footer ul{padding:0;margin:0;}
.single_msg .item_header li,
.single_msg .item_footer li,
.single_msg .item_header .relate_article { float:left; padding-right:10px;}
.single_msg .item_header {height:25px;line-height:25px;font-size:9pt;background: #E0E0E0;}
.single_msg .item_header .num { float:right; padding-right:20px;background: #E0E0E0;}
.single_msg .item_header .author {background:url(../image/icon/users.png) no-repeat 0px 2px;padding-left:25px;}
.single_msg .item_footer li {background:url(../image/icon/link.gif) no-repeat 0px 2px;padding-left:15px;}
.single_msg .item_body {text-align:left;padding:10px;overflow:hidden;}
.single_msg .item_body .comment_title{font-weight:bold;}
.single_msg .item_body .editor_note{color:red; }
.reply_form_title {font-size:14px;font-weight:bold;}
</style>
如何重置上面的css风格呢? 您需要在user_show_msg.tpl.html模板文件的<{$data_ary.user_panel.body}>之前,重设css风格。
CSS重设方法: 在自带的css代码 .single_msg 前加上 dl 即可。例如 dl.single_msg { }
CSS重置范例:
<style type="text/css">
dl.single_msg .item_footer {padding-top:5px;border-top:1px dotted green;}
dl.single_msg .item_header {background: #99CC66;}
dl.single_msg .item_header .num { background: #99CC66;}
dl.single_msg .item_body .comment_title{font-size:14px;}
</style>
模板范例文件: user_show_msg.tpl.html html 文件
如果您需要对输出的内容进行增减,或修改布局,请参考这篇文章的“用foreach循环来输出留言内容”部分: