免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
Board logo

标题: 查詢首頁幻彩文字效果 [打印本页]

作者: 繽紛色彩    时间: 2020-3-28 02:40     标题: 查詢首頁幻彩文字效果

本帖最后由 繽紛色彩 于 2020-3-28 02:47 编辑

因不想在Sclub官方網站那邊
打擾無界前輩的主題
所以將問題移到這邊來

回復  繽紛色彩
妳把最前面的 .list th 改成 .list h3
刚刚去看了下,发现原来

.list th 是板块图标

.list h3 是板块名称

.list th h2 是板块名称下面的文字
無名. 發表於 2020-3-27 20:44

若我想如貴站首頁的情況
代碼是否如下
  1.     .list th2,.list th h2 {
  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 50s linear infinite;
  9.     }
复制代码
但依然未見效果
作者: 無名    时间: 2020-3-28 10:34

有可能跟妳之前安装的其他代码起冲突,我自己的设置如下,分开了添加,这样以后才知道是什么作用
  1. /*----------板块名称幻彩文字---------------*/
  2. .list h3 {
  3.     color: #8c888b;
  4.     background: -webkit-linear-gradient(45deg,#00f2ff,#ff5200,#ffd300,#4000ff,#006bff);
  5.     -moz-linear-gradient(45deg,#00f2ff,#ff5200,#ffd300,#4000ff,#006bff): ;
  6.     -ms-linear-gradient(45deg,#00f2ff,#ff5200,#ffd300,#4000ff,#006bff): ;
  7.     color: transparent;
  8.     -webkit-background-clip: text;
  9.     animation: ran 50s linear infinite;
  10. }
  11. /*----------板块名称幻彩文字end---------------*/

  12. /*----------板块名称下边幻彩文字---------------*/
  13. .list th {
  14.     color: #8c888b;
  15.     background: -webkit-linear-gradient(45deg,#00f2ff,#ff5200,#ffd300,#4000ff,#006bff);
  16.     -moz-linear-gradient(45deg,#00f2ff,#ff5200,#ffd300,#4000ff,#006bff): ;
  17.     -ms-linear-gradient(45deg,#00f2ff,#ff5200,#ffd300,#4000ff,#006bff): ;
  18.     color: transparent;
  19.     -webkit-background-clip: text;
  20.     animation: ran 50s linear infinite;
  21. }
  22. /*----------板块名称下边幻彩文字end---------------*/
复制代码

作者: 繽紛色彩    时间: 2020-3-28 12:08

本帖最后由 繽紛色彩 于 2020-3-28 12:17 编辑

回复 2# 無名
介-02.png
2020-3-28 12:06

論壇首頁變成怪怪的
幻彩出現了
但同時字體變大了
半頁空白了
原本使用的邊欄、活躍會員和推薦主題等
都跑到論壇底下了

然後再修改只用板块名称下边幻彩文字
情況依然
看來現時不能使用這款代碼了

图片附件: 介-02.png (2020-3-28 12:06, 161.16 KB) / 下载次数 332
http://i-share.66rt.com/attachment.php?aid=1694&k=759643a5607e9cb9ac6e7145c5c949fe&t=1711650092&sid=GnJjgu


作者: 繽紛色彩    时间: 2020-3-28 13:26

本帖最后由 繽紛色彩 于 2020-3-28 13:28 编辑

效果是出現過
但清走代碼重新將逐個語法放入模板
.list th 是板块图标泡泡飄走
.list h3 是板块名称沒有效果
.list th h2 是板块名称下面的文字沒有效果


謝謝再次回覆
因無界的論壇無法登陸(登入框沒法填入文字)
只能在回覆欄內進
但內進後又不能作出會員報到
幾番折騰也未能發帖
才會麻煩到大哥
好了看來要放棄了
最後只好說句
謝過大哥幫忙
作者: 繽紛色彩    时间: 2020-3-30 00:21

本帖最后由 繽紛色彩 于 2020-4-1 11:07 编辑

一再將自己論壇首頁
與貴壇首頁對比
和之前失敗原因
連在一起去想
終於想到未能成功的原因
已將問題解決
現在用到這個特效了

最後多謝管大提供語法
非常感謝




欢迎光临 i-share 爱生活爱分享 (http://i-share.66rt.com/) Powered by Discuz! 7.2