眼镜蛇 发表于 2012-12-22 15:07:23

Discuz!X帖子内容页样式美化修改方法 - 用户信息栏“小三角”效果

2.帖子内容页中用户信息栏处显示“小三角“效果 修改方法:

(1)在./template/default/forum/目录下复制”viewthread_node.htm“文件到当前使用的风格对应目录,如复制

到./template/yourtemplate/forum/下;
(2)文本方式打开当前风格目录下”viewthread_node.htm“文件;
(3)查找如下代码:<div class="p_pop blk bui" id="userinfo$post" style="display: none; {if $_G['setting']['authoronleft']}margin-top: -11px;{/if}">(4)在查找的位置前面增加如下代码:
<div class="tt_jico"></div>(5)保存或者覆盖至当前风格目录下”viewthread_node.htm“文件;
(6)文本方式打开./template/yourtemplate/common/extend_common.css文件;
(7)在最尾部加入如下样式:
/*用户信息栏*/
.tt_jico {
position: absolute;
text-align: right;
width: 161px;
height: 13px;
background: url({IMGDIR}/kmico.gif) no-repeat right;
margin-top: 5px;
}(8)将文件"kmico.gif"上传至当前使用模板对应的图片目录;
(9)保存或者覆盖至当前风格目录下"extend_common.css"文件;
(10)登陆Discuz!X后台,更新站点缓存;
(10)刷新帖子内容页,查看修改效果。

-------------------------------
相关文件:
效果演示:

眼镜蛇 发表于 2012-12-22 15:12:08

其他美化修改内容预告:
1.帖子标题栏样式;
2.用户信息栏“小三角“;
3.各楼层分离效果。
页: [1]
查看完整版本: Discuz!X帖子内容页样式美化修改方法 - 用户信息栏“小三角”效果