免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
帖子
发帖
查看: 1368|回复: 10
上一主题 下一主题 打印

[教学] 幻彩文字,让你的文章与众不同!   [复制链接]

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

附件:您需要 登录 才可以下载或查看,没有帐号?立即注册

x
预览图
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. }
复制
发帖时点击编辑器里的幻彩文字图标发帖即可。
发帖际遇:icode 发帖时在路边被老奶奶碰瓷,花掉6金钱

最近看过此主题的会员

無名
访问时间:2020-05-02 13:52
开心
访问时间:2020-04-09 10:47
小豪
访问时间:2020-04-08 22:00
一個人
访问时间:2020-04-03 10:59
icode
访问时间:2020-04-01 18:16
繽紛色彩
访问时间:2020-03-28 13:49
夢裡休閒
访问时间:2020-03-21 09:55
北京大新
访问时间:2020-03-20 04:38

点评
B Color Link Smilies

您还可以输入:个字符
X

 X

点评
B Color Link Smilies

您还可以输入:个字符
X

 X

TOP

发帖际遇:無名 RP值爆棚,系统莫名给了6个威望值
点评
B Color Link Smilies

您还可以输入:个字符
X

 X

TOP

不能複制代碼又怎樣試呢?
发帖际遇:夢裡休閒 在海里游泳丢失泳裤,被泳场便利店坑了 3 金钱
点评
B Color Link Smilies

您还可以输入:个字符
X

 X

TOP

回复 3# 無名


    检查一下css_common模板的代码
点评
B Color Link Smilies

您还可以输入:个字符
X

 X

TOP

点评
B Color Link Smilies

您还可以输入:个字符
X

 X

TOP

回复 6# 無名


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

点评

無名   

我的3.4论坛也一样,字有颜色就是不会闪动,可惜了。    发表于 2020-3-20 19:20 

点评
B Color Link Smilies

您还可以输入:个字符
X

 X

TOP

发帖际遇:無名 弯腰捡起了一块肥皂,被人进行了不可描述,获得了 19 威望作为补偿

点评

icode   

晚一点我就发布出来    发表于 2020-3-20 18:54 

点评
B Color Link Smilies

您还可以输入:个字符
X

 X

TOP

点评

icode   

回头我研究一下    发表于 2020-3-22 14:13 

点评
B Color Link Smilies

您还可以输入:个字符
X

 X

TOP

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

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


  20. #color_t {
  21.     color: #8c888b;
  22.     background: -webkit-linear-gradient(45deg,#00f2ff,#ff5200,#ffd300,#4000ff,#006bff);
  23.     -moz-linear-gradient(45deg,#00f2ff,#ff5200,#ffd300,#4000ff,#006bff): ;
  24.     -ms-linear-gradient(45deg,#00f2ff,#ff5200,#ffd300,#4000ff,#006bff): ;
  25.     color: transparent;
  26.     -webkit-background-clip: text;
  27.     animation: ran 10s linear infinite;
  28. }
  29. /*----------彩幻文字---------------*/
复制
点评
B Color Link Smilies

您还可以输入:个字符
X

 X

TOP

我的也不显示啊,两种方法都用了,也不行啊
点评
B Color Link Smilies

您还可以输入:个字符
X

 X

TOP

发帖
B Color Image Link Quote Code Smilies
高级模式 | 发新话题

 
您需要登录后才可以回帖 登录|立即注册 
快速
返回顶部
返回首页