你的位置:HBcms宏博内容管理系统 模板设计 留言板 正文
模板设计
  1. 留言板
内容搜索
热门内容
推荐内容
  1. 修改添加留言表单的外..
  2. 如何设计一个漂亮的公..
  3. 为留言板内容录入框增..
  4. 会员查看自己的留言列..
  5. 会员查看自己的留言详..
会员查看自己的留言详情页面的模板设计 show_msg.php
  •  添加时间:2009-06-10 发表时间:2009-06-10 人气:2825

  • 从宏博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循环来输出留言内容”部分:

    http://www.hbcms.com/cms/f1/1643.html
     

  • 点这里复制本页地址发送给您QQ/MSN上的好友
  • 相关文章
  • 相关评论
  • 本文章所属分类:首页 模板设计 留言板