爱秀代码 » Sclub模板修改与美化 » 幻彩文字，让你的文章与众不同！

icode 发表于 2020-3-20 00:22

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

预览图
[attach]754[/attach]

第一步：进入后台打开 界面--编辑器设置--Discuz!代码，新建一个标签 colorT 的新discuz代码。如下图
[attach]755[/attach]

第二步：进入详情
1、标签：
2、替换内容[code]
<a id="color_t">{1}</a>
[/code]3、例子：可不填
4、解释：幻彩文字（可选）
5、参数个数：1
6、参数提示语：在这里输入幻彩文字
7、嵌套次数：1

第三步：提交。
第四步：打开post模板，在{subtemplate header}的下边加[code]{eval $zongjifen=$GLOBALS[extcredits1]+$GLOBALS[extcredits2]+$GLOBALS[extcredits3];}
<!--{if ($zongjifen<9999)}-->
<style>
#e_cmd_custom1_colorT{display: none;}
</style>
<!--{/if}-->[/code]说明：当总积分大于9999时才有权使用改代码，可以自行调节。

第五步：加下边代码放到css_common模板的最下边。[code]#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;
}[/code]发帖时点击编辑器里的幻彩文字图标发帖即可。

無名 发表于 2020-3-20 08:10

{:4_99:} [colorT]的确与众不同，不知3.4能不能用！[/colorT]

無名 发表于 2020-3-20 09:01

[url]http://i-share.66rt.com/thread-1098-1-1.html[/url] [colorT]我的怎么不行？请问那里出错？[/colorT]

夢裡休閒 发表于 2020-3-20 17:02

不能複制代碼又怎樣試呢？{:3_42:}

icode 发表于 2020-3-20 17:18

[b]回复 [url=http://icode.258club.com/redirect.php?goto=findpost&pid=42291&ptid=1696]3#[/url] [i]無名[/i] [/b]


    检查一下css_common模板的代码

無名 发表于 2020-3-20 18:16

[b]回复 [url=http://icode.258club.com/redirect.php?goto=findpost&pid=42296&ptid=1696]5#[/url] [i]icode[/i] [/b]

[colorT]刚刚把这组代码从css_common最尾端往上调整颜色是出来了，可还是不会闪字怎么办?[/colorT]

icode 发表于 2020-3-20 18:33

[b]回复 [url=http://icode.258club.com/redirect.php?goto=findpost&pid=42298&ptid=1696]6#[/url] [i]無名[/i] [/b]


    你应该是用了什么特效代码与animation属性冲突了

無名 发表于 2020-3-20 18:39

[b]回复 [url=http://icode.258club.com/redirect.php?goto=findpost&pid=42300&ptid=1696]7#[/url] [i]icode[/i] [/b]

[colorT]应该是吧!代码太多也不知是哪个打哪个的。。。[/colorT]

[attach]757[/attach][colorT]

这个签到记录怎么整？[/colorT]

無名 发表于 2020-3-22 12:13

[colorT]我申请个新的论坛什么都没安装怎么还是没有特效?[/colorT]

[url]http://juke.66rt.com/thread-1-1-1.html[/url]

無名 发表于 2020-3-23 15:05

找到原因了，因为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;
}
/*----------彩幻文字---------------*/[/code]

开心 发表于 2020-3-26 00:45

我的也不显示啊，两种方法都用了，也不行啊

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