getWeather({"success":"1","result":[{"cityno":"shanghai"}) 爱秀代码 - Powered by Discuz! Board
免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
新浪微博
QQ空间
Facebook
Google+
Plurk
Twitter
Line
Board logo

标题: [教学] 幻彩文字，让你的文章与众不同！ [打印本页]
作者: icode    时间: 2020-3-20 00:22     标题: 幻彩文字，让你的文章与众不同！

预览图
1.gif
2020-3-20 00:14


第一步：进入后台打开 界面--编辑器设置--Discuz!代码，新建一个标签 colorT 的新discuz代码。如下图
1.png
2020-3-20 00:16


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

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

第五步：加下边代码放到css_common模板的最下边。
  1. #color_t {
  2.     color: #8c888b;
  3.     background: -webkit-linear-gradient(45deg,#00f2ff,#ff5200,#ffd300,#4000ff,#006bff);
  4.     -moz-linear-gradient(45deg,#00f2ff,#ff5200,#ffd300,#4000ff,#006bff): ;
  5.     -ms-linear-gradient(45deg,#00f2ff,#ff5200,#ffd300,#4000ff,#006bff): ;
  6.     color: transparent;
  7.     -webkit-background-clip: text;
  8.     animation: ran 10s linear infinite;
  9. }
复制
发帖时点击编辑器里的幻彩文字图标发帖即可。

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



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

作者: 無名    时间: 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]

2.jpg
2020-3-20 18:38
[colorT]

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

图片附件: 2.jpg (2020-3-20 18:38, 24.83 KB) / 下载次数 999
http://icode.258club.com/attachment.php?aid=757&k=30d35d5e5c09255ccbbd1b03d3296b58&t=1713476568&sid=iZln4U

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

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

http://juke.66rt.com/thread-1-1-1.html
作者: 無名    时间: 2020-3-23 15:05

找到原因了，因为css_common里的代码不完整，正确的是：
  1. /*----------彩幻文字---------------*/

  3.             #postmessage_37985{
  4. font-size: 22px;
  5.                 color: #8c888b;
  6. background: -webkit-linear-gradient(45deg,#00f2ff,#ff5200,#ffd300,#4000ff,#006bff);
  7.                 -moz-linear-gradient(45deg,#00f2ff,#ff5200,#ffd300,#4000ff,#006bff);
  8.                 -ms-linear-gradient(45deg,#00f2ff,#ff5200,#ffd300,#4000ff,#006bff);
  9.                 color: transparent;
  10.                 -webkit-background-clip: text;
  11.                 animation: ran 10s linear infinite;
  12.             }
  13.             @keyframes ran {
  14.                 from {
  15.                     backgroud-position: 0 0;
  16.                 }
  17.                 to {
  18.                     background-position: 2000px 0;
  19.                 }
  20.             }


  23. #color_t {
  24.     color: #8c888b;
  25.     background: -webkit-linear-gradient(45deg,#00f2ff,#ff5200,#ffd300,#4000ff,#006bff);
  26.     -moz-linear-gradient(45deg,#00f2ff,#ff5200,#ffd300,#4000ff,#006bff): ;
  27.     -ms-linear-gradient(45deg,#00f2ff,#ff5200,#ffd300,#4000ff,#006bff): ;
  28.     color: transparent;
  29.     -webkit-background-clip: text;
  30.     animation: ran 10s linear infinite;
  31. }
  32. /*----------彩幻文字---------------*/
复制
作者: 开心    时间: 2020-3-26 00:45

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



欢迎光临 爱秀代码 (http://icode.258club.com/) Powered by Discuz! 7.2