SCLUB免費論壇申請-使用者論壇 » Discuz--版型設置 » 幻彩文字，让你的文章与众不同！

无界 發表於 2020-3-20 00:42

幻彩文字，让你的文章与众不同！

图片演示
[attach]80303[/attach]

网址演示
[url]http://icode.258club.com/thread-1697-1-1.html[/url]

代码获取
[url]http://icode.258club.com/thread-1696-1-1.html[/url]

leisurema 發表於 2020-3-20 15:51

[b]回復 [url=http://sclub.com.tw/discuz/redirect.php?goto=findpost&pid=303577&ptid=37701]1#[/url] [i]无界[/i] [/b]

不能複制代碼又怎樣試呢？{:9_402:}

无界 發表於 2020-3-20 17:16

[b]回復 [url=http://sclub.com.tw/discuz/redirect.php?goto=findpost&pid=303585&ptid=37701]2#[/url] [i]leisurema[/i] [/b]


    不能复制代码是什么意思？

leisurema 發表於 2020-3-20 17:19

[i=s] 本帖最後由 leisurema 於 2020-3-20 17:32 編輯 [/i]

[b]回復 [url=http://sclub.com.tw/discuz/redirect.php?goto=findpost&pid=303586&ptid=37701]3#[/url] [i]无界[/i] [/b]

[url]http://icode.258club.com/redirect.php?tid=1696&goto=lastpost#lastpost[/url]

你的論壇所有文字不能複製，代碼只能即搬即用。:L

繽紛色彩 發表於 2020-3-20 19:48

[b]回復 [url=http://www.sclub.com.tw/discuz/redirect.php?goto=findpost&pid=303587&ptid=37701]4#[/url] [i]leisurema[/i] [/b]

你想復制代碼
可以按一下代碼框內的「複制」便可

還是你想轉貼文章呢?

繽紛色彩 發表於 2020-3-20 20:02

[quote]圖片演示
網址演示
代碼獲取
[size=2][color=#999999]無界 發表於 2020-3-20 00:42[/color] [url=http://www.sclub.com.tw/discuz/redirect.php?goto=findpost&pid=303577&ptid=37701][img]http://www.sclub.com.tw/discuz/images/common/back.gif[/img][/url][/size][/quote]
[attach]80304[/attach]
資料如上填入
郤出現這樣的情況
[attach]80305[/attach]
請問前輩
有甚麼地方出錯呢?

leisurema 發表於 2020-3-20 20:10

[b]回復 [url=http://sclub.com.tw/discuz/redirect.php?goto=findpost&pid=303591&ptid=37701]5#[/url] [i]繽紛色彩[/i] [/b]

想轉貼文章:$[url]http://leisurema.joinbbs.net/[/url]

无界 發表於 2020-3-20 20:15

[b]回復 [url=http://sclub.com.tw/discuz/redirect.php?goto=findpost&pid=303592&ptid=37701]6#[/url] [i]繽紛色彩[/i] [/b]


    你把color_t 改为colort试一下，css那里也改为这个名字

leisurema 發表於 2020-3-20 20:40

[quote]回復  leisurema


    不能复制代码是什么意思？
[size=2][color=#999999]无界 發表於 2020-3-20 05:16 PM[/color] [url=http://sclub.com.tw/discuz/redirect.php?goto=findpost&pid=303586&ptid=37701][img]http://sclub.com.tw/discuz/images/common/back.gif[/img][/url][/size][/quote]

原本想將你論壇的說法，放到我的論壇，然後等有空閒才慢慢嘗試，可惜你的論壇字句不能夠複製。

我的論壇已經有等級限制，所以你的教學連結不會給其他人看到。

繽紛色彩 發表於 2020-3-20 21:00

[quote]回復  无界

你的論壇所有文字不能複製，代碼只能即搬即用。
[size=2][color=#999999]leisurema 發表於 2020-3-20 17:19[/color] [url=http://www.sclub.com.tw/discuz/redirect.php?goto=findpost&pid=303587&ptid=37701][img]http://www.sclub.com.tw/discuz/images/common/back.gif[/img][/url][/size][/quote]
有辦法的
自己想想吧

繽紛色彩 發表於 2020-3-20 21:02

[quote]回復  繽紛色彩


    你把color_t 改为colort试一下，css那里也改为这个名字
[size=2][color=#999999]无界 發表於 2020-3-20 20:15[/color] [url=http://www.sclub.com.tw/discuz/redirect.php?goto=findpost&pid=303594&ptid=37701][img]http://www.sclub.com.tw/discuz/images/common/back.gif[/img][/url][/size][/quote]
已如你所說修改
情況依然

leisurema 發表於 2020-3-20 21:04

[b]回復 [url=http://sclub.com.tw/discuz/redirect.php?goto=findpost&pid=303599&ptid=37701]11#[/url] [i]繽紛色彩[/i] [/b]

有辦法的
自己想想吧;P

leisurema 發表於 2020-3-20 21:07

[quote]有辦法的
自己想想吧
[size=2][color=#999999]繽紛色彩 發表於 2020-3-20 09:00 PM[/color] [url=http://sclub.com.tw/discuz/redirect.php?goto=findpost&pid=303598&ptid=37701][img]http://sclub.com.tw/discuz/images/common/back.gif[/img][/url][/size][/quote]
用了最愚蠢的方法，小畫家及複製了代碼放到論壇。:$

無名. 發表於 2020-3-20 21:40

[b]回復 [url=http://www.sclub.com.tw/discuz/redirect.php?goto=findpost&pid=303592&ptid=37701]6#[/url] [i]繽紛色彩[/i] [/b]

妳的标签填写错误，如图：

[attach]80307[/attach]

繽紛色彩 發表於 2020-3-21 13:35

[quote]回復  繽紛色彩

妳的标签填写错误，如图：
[size=2][color=#999999]無名. 發表於 2020-3-20 21:40[/color] [url=http://www.sclub.com.tw/discuz/redirect.php?goto=findpost&pid=303602&ptid=37701][img]http://www.sclub.com.tw/discuz/images/common/back.gif[/img][/url][/size][/quote]
謝謝提點:P

想再問問
第四步：打開post模板，在{subtemplate header}的下邊加
[attach]80308[/attach]
是打開那一個post呢?

無名. 發表於 2020-3-21 14:52

[b]回復 [url=http://www.sclub.com.tw/discuz/redirect.php?goto=findpost&pid=303606&ptid=37701]15#[/url] [i]繽紛色彩[/i] [/b]


post_editor 的下边，就是倒数第3个  post

繽紛色彩 發表於 2020-3-21 19:47

[i=s] 本帖最後由 繽紛色彩 於 2020-3-21 20:03 編輯 [/i]

[quote]回復  繽紛色彩
    你把color_t 改为colort试一下，css那里也改为这个名字
[size=2][color=#999999]无界 發表於 2020-3-20 20:15[/color] [url=http://www.sclub.com.tw/discuz/redirect.php?goto=findpost&pid=303594&ptid=37701][img]http://www.sclub.com.tw/discuz/images/common/back.gif[/img][/url][/size][/quote]
謝謝前輩耐心指導
成功了一半
[attach]80309[/attach]

原本css那裡依你所說
將color_t 改为colort试一下
但不成功
期後嘗試使用原本的color_t
文字才可以出現色彩
但沒有出現色彩幻變

无界 發表於 2020-3-21 20:46

[b]回復 [url=http://sclub.com.tw/discuz/redirect.php?goto=findpost&pid=303614&ptid=37701]17#[/url] [i]繽紛色彩[/i] [/b]


    因为你安装了“让论坛动起来”的css代码

繽紛色彩 發表於 2020-3-22 10:52

[quote]回復  繽紛色彩


    因为你安装了“让论坛动起来”的css代码
[size=2][color=#999999]无界 發表於 2020-3-21 20:46[/color] [url=http://www.sclub.com.tw/discuz/redirect.php?goto=findpost&pid=303615&ptid=37701][img]http://www.sclub.com.tw/discuz/images/common/back.gif[/img][/url][/size][/quote]
前輩果然眼利
已移除放在 其他頭部訊息
由lumea98創作的[b]讓論壇動起來[/b]的代碼

另一個[url=http://www.sclub.com.tw/discuz/viewthread.php?tid=13754]超夢幻跑馬燈~可讓整個論壇動起來![/url]代碼
已搜尋過第三方、廣告位、頭部信息、修改模板(css)等位置
未發現有關代碼

現時仍然未產生幻彩效果
以前輩所見
還有那裡需要修改

無名. 發表於 2020-3-23 15:03

[b]回復 [url=http://www.sclub.com.tw/discuz/redirect.php?goto=findpost&pid=303616&ptid=37701]19#[/url] [i]繽紛色彩[/i] [/b]

妳把css_common的代码用以下的替换：[code]/*----------彩幻文字---------------*/

            #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 10s linear infinite;
            }
            @keyframes ran {
                from {
                    backgroud-position: 0 0;
                }
                to {
                    background-position: 2000px 0;
                }
            }


#color_t {
    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 10s linear infinite;
}
/*----------彩幻文字end---------------*/[/code]

查看完整版本: 幻彩文字，让你的文章与众不同！