模板修改 全宽横幅和昵称以响应式设计为中心

  • 欢迎 游客 您的光临,下载之前请先阅读 积分规则(暂行) 。任何技术问题请在论坛提问,本站定制插件、模板主题售前、售后问题请联系QQ:5916171

小关_

打酱油的路过~~
管理成员
UID
255
注册
2019/01/25
消息
450
解决方案
6
反馈评分
1,394
黄金
4,789.1G
    Windows 10 Chrome 80.0.3987.149
  • #1
效果图:
1589194032297-png.png

在extra.less模板中加入下列代码:
代码:
@media (max-width: @xf-messageSingleColumnWidth)
{
    .message:not(.message--forceColumns)
    {
        .message-name
        {
            text-align: center;
        }

        .message-userTitle,
        .message-userBanner.userBanner
        {
            display: block;
            text-align: center;
            margin: 0;
        }
    }
 
UID
566
注册
2019/12/31
消息
74
解决方案
1
反馈评分
4
黄金
411.2G
    Windows 10 Chrome 84.0.4147.30
  • #2
呃这有变化吗
 
UID
938
注册
2020/08/12
消息
17
反馈评分
9
黄金
4,024.6G
    Windows 10 Chrome 84.0.4147.125
  • #4
支持
 
UID
382
注册
2019/06/17
消息
44
反馈评分
1
黄金
1,026.0G
    Windows 10 Chrome 84.0.4147.89
  • #5
学习了。