爱秀代码 - Powered by Discuz! Board

免費論壇

繁體 | 簡體

Sclub交友聊天~加入聊天室當版主

(檢舉)

分享

标题: [教学] 幻彩文字，让你的文章与众不同！ [打印本页]

作者: icode 时间: 2020-3-20 00:22 标题: 幻彩文字，让你的文章与众不同！

预览图

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

第二步：进入详情
1、标签：
2、替换内容

<a id="color_t">{1}</a>

复制

3、例子：可不填
4、解释：幻彩文字（可选）
5、参数个数：1
6、参数提示语：在这里输入幻彩文字
7、嵌套次数：1

第三步：提交。
第四步：打开post模板，在{subtemplate header}的下边加

{eval $zongjifen=$GLOBALS[extcredits1]+$GLOBALS[extcredits2]+$GLOBALS[extcredits3];}
<style>
#e_cmd_custom1_colorT{display: none;}
</style>

复制

说明：当总积分大于9999时才有权使用改代码，可以自行调节。

第五步：加下边代码放到css_common模板的最下边。

#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;
}

复制

发帖时点击编辑器里的幻彩文字图标发帖即可。

图片附件: 1.gif (2020-3-20 00:14, 1.01 MB) / 下载次数 1487
http://icode.258club.com/attachment.php?aid=754&k=8418f0904f3af9193627e79bc82de738&t=1749895414&sid=u0Iubu

图片附件: 1.png (2020-3-20 00:16, 92.56 KB) / 下载次数 1543
http://icode.258club.com/attachment.php?aid=755&k=8ec2498ebac52ff219381e30705bc8d2&t=1749895414&sid=u0Iubu

作者: 無名 时间: 2020-3-20 08:10

[colorT]的确与众不同，不知3.4能不能用！[/colorT]

作者: 無名 时间: 2020-3-20 09:01

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

作者: 夢裡休閒 时间: 2020-3-20 17:02

不能複制代碼又怎樣試呢？

作者: icode 时间: 2020-3-20 17:18

回复 3# 無名

检查一下css_common模板的代码

作者: 無名 时间: 2020-3-20 18:16

回复 5# icode

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

作者: icode 时间: 2020-3-20 18:33

回复 6# 無名

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

作者: 無名 时间: 2020-3-20 18:39

回复 7# icode

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

[colorT]

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

图片附件: 2.jpg (2020-3-20 18:38, 24.83 KB) / 下载次数 1445
http://icode.258club.com/attachment.php?aid=757&k=1f01483c2440dc6a744f563bafa9cca0&t=1749895414&sid=u0Iubu

作者: 無名 时间: 2020-3-22 12:13

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

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

作者: 無名 时间: 2020-3-23 15:05

找到原因了，因为css_common里的代码不完整，正确的是：

/*----------彩幻文字---------------*/
#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;
}
/*----------彩幻文字---------------*/

复制

作者: 开心 时间: 2020-3-26 00:45

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

欢迎光临爱秀代码 (http://icode.258club.com/)

Powered by Discuz! 7.2