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)刷新帖子内容页,查看修改效果。
-------------------------------
相关文件:
效果演示:
其他美化修改内容预告:
1.帖子标题栏样式;
2.用户信息栏“小三角“;
3.各楼层分离效果。
页:
[1]