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

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

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

到./template/yourtemplate/forum/下；
（2）文本方式打开当前风格目录下”viewthread_node.htm“文件；
（3）查找如下代码：

1. <div class="p_pop blk bui" id="userinfo$post[pid]" style="display: none; {if $_G['setting']['authoronleft']}margin-top: -11px;{/if}">

复制代码

（4）在查找的位置前面增加如下代码：

1. <div class="tt_jico"></div>

复制代码

（5）保存或者覆盖至当前风格目录下”viewthread_node.htm“文件；
（6）文本方式打开./template/yourtemplate/common/extend_common.css文件；
（7）在最尾部加入如下样式：

1. /*用户信息栏*/
   
2. .tt_jico {
   
3. position: absolute;
   
4. text-align: right;
   
5. width: 161px;
   
6. height: 13px;
   
7. background: url({IMGDIR}/kmico.gif) no-repeat right;
   
8. margin-top: 5px;
   
9. }

复制代码

（8）将文件"kmico.gif"上传至当前使用模板对应的图片目录；
（9）保存或者覆盖至当前风格目录下"extend_common.css"文件；
（10）登陆Discuz！X后台，更新站点缓存；
（10）刷新帖子内容页，查看修改效果。

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

其他美化修改内容预告：
1.帖子标题栏样式；
2.用户信息栏“小三角“；
3.各楼层分离效果。