编辑器设置Discuz! 代码怎么实现在手机端体现

TaC

后台 /界面/编辑器设置/Discuz! 代码这块。自定义代码设置在PC的效果，在手机端怎么能同步实现。

高手指点一下

我知道答案 回答被采纳将会获得1 贡献 已有5人回答

TaC

打开浏览器，右键检查或审核元素，点击手机模式，点击标题右键检查，或审核元素（不同浏览器名称叫法不一样），如图所示：

这时我们看到<div class="view_tit">，div.view_tit，及标题上显示的div.view_tit。不同模板这个名字是否一样，我不确定，但查找方法估计差不多。
在右边，复制元素到文本文档，把div.view_tit提取出来。
CSS代码，修改好后，直接放到所需位置:
/* 渐变字体 */
#postmessage_37985{
font-size: 22px;
                color: #8c888b;
background: -webkit-linear-gradient(45deg,#00f2ff,#ff5200,#ffd300,#4000ff,#006bff);
                -moz-linear-gradient(45deg,#00f2ff,#ff5200,#ffd300,#4000ff,#006bff);
                -ms-linear-gradient(45deg,#00f2ff,#ff5200,#ffd300,#4000ff,#006bff);
                color: transparent;
                -webkit-background-clip: text;
                animation: ran 50s linear infinite;
            }
            @keyframes ran {
                from {
                    backgroud-position: 0 0;
                }
                to {
                    background-position: 9000px 0;
                }
            }
       /* 下面是渐变字体类型-标题字体，如果是电脑端使用：h1；如果是手机端就按上面所述方法，添加提取的名字或你模板显示出来的名字：div.view_tit */
div.view_tit{
    color: #8c888b;
    background: -webkit-linear-gradient(45deg,#00f2ff,#ff5200,#ffd300,#4000ff,#006bff);
    -moz-linear-gradient(45deg,#00f2ff,#ff5200,#ffd300,#4000ff,#006bff): ;
    -ms-linear-gradient(45deg,#00f2ff,#ff5200,#ffd300,#4000ff,#006bff): ;
    color: transparent;
    -webkit-background-clip: text;
    animation: ran 150s linear infinite;
}

把代码放到目前使用的电脑或手机模板的CSS文件里，即可。

TaC

我说的不是手机端能够发布同类的内容，而是电脑发布出来的效果，手机端能显示

TaC

TaC 发表于 2024-4-2 17:10
打开浏览器，右键检查或审核元素，点击手机模式，点击标题右键检查，或审核元素（不同浏览器名称叫法不一样 ...

忘了说了，这段代码是文强阁分享的，以前好似一直没有找到手机端体现的方法。这次是大家教了下看审查元素，瞎试着找到能体现手机端实现PC同步功能了。

TaC

至此，这个求助问题，还是自己解决了。管理可以设置帖子已解决了。

柔性正骨

TaC 发表于 2024-4-2 17:10
打开浏览器，右键检查或审核元素，点击手机模式，点击标题右键检查，或审核元素（不同浏览器名称叫法不一样 ...

看到了，试一下效果如何！