編輯器設(shè)置Discuz! 代碼怎么實現(xiàn)在手機端體現(xiàn)

TaC

后臺 /界面/編輯器設(shè)置/Discuz! 代碼這塊。自定義代碼設(shè)置在PC的效果，在手機端怎么能同步實現(xiàn)。

高手指點一下

我知道答案 回答被采納將會獲得1 貢獻 已有5人回答

TaC

打開瀏覽器，右鍵檢查或?qū)徍嗽兀c擊手機模式，點擊標題右鍵檢查，或?qū)徍嗽兀ú煌瑸g覽器名稱叫法不一樣），如圖所示：

這時我們看到<div class="view_tit">，div.view_tit，及標題上顯示的div.view_tit。不同模板這個名字是否一樣，我不確定，但查找方法估計差不多。
在右邊，復(fù)制元素到文本文檔，把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

我說的不是手機端能夠發(fā)布同類的內(nèi)容，而是電腦發(fā)布出來的效果，手機端能顯示

TaC

TaC 發(fā)表于 2024-4-2 17:10
打開瀏覽器，右鍵檢查或?qū)徍嗽兀c擊手機模式，點擊標題右鍵檢查，或?qū)徍嗽兀ú煌瑸g覽器名稱叫法不一樣 ...

忘了說了，這段代碼是文強閣分享的，以前好似一直沒有找到手機端體現(xiàn)的方法。這次是大家教了下看審查元素，瞎試著找到能體現(xiàn)手機端實現(xiàn)PC同步功能了。

TaC

至此，這個求助問題，還是自己解決了。管理可以設(shè)置帖子已解決了。

柔性正骨

TaC 發(fā)表于 2024-4-2 17:10
打開瀏覽器，右鍵檢查或?qū)徍嗽兀c擊手機模式，點擊標題右鍵檢查，或?qū)徍嗽兀ú煌瑸g覽器名稱叫法不一樣 ...

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