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

返回列表 发帖
查看: 236|回复: 4 收起左侧
开启左侧收起左侧开启左侧
上一主题 下一主题 打印

查詢首頁幻彩文字效果   [复制链接]

本帖最后由 繽紛色彩 于 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-07-12 14:21
無名
访问时间:2020-03-31 17:59
开心
访问时间:2020-03-30 23:50

点评
B Color Link Smilies

您还可以输入:个字符
X

 X

管理

有可能跟妳之前安装的其他代码起冲突,我自己的设置如下,分开了添加,这样以后才知道是什么作用
  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---------------*/
复制代码
点评
B Color Link Smilies

您还可以输入:个字符
X

 X

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

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

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

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

点评

無名   

其实要修改代码最好还是找无界,他才是精通代码;我都是百度或其他论坛搜来自己慢慢折腾。    发表于 2020-3-28 13:04 

点评
B Color Link Smilies

您还可以输入:个字符
X

 X

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

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


謝謝再次回覆
因無界的論壇無法登陸(登入框沒法填入文字)
只能在回覆欄內進
但內進後又不能作出會員報到
幾番折騰也未能發帖
才會麻煩到大哥
好了看來要放棄了
最後只好說句
謝過大哥幫忙
点评
B Color Link Smilies

您还可以输入:个字符
X

 X

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

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

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

点评

無名   

不必客气。    发表于 2020-3-30 00:52 

点评
B Color Link Smilies

您还可以输入:个字符
X

 X

返回列表 发帖
 已经运行:
快速
返回顶部
返回首页