i-share 爱生活爱分享 » 技术交流 » 查詢首頁幻彩文字效果

繽紛色彩 发表于 2020-3-28 02:40

查詢首頁幻彩文字效果

[i=s] 本帖最后由 繽紛色彩 于 2020-3-28 02:47 编辑 [/i]

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

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

.list th 是板块图标

.list h3 是板块名称

.list th h2 是板块名称下面的文字
[size=2][color=#999999]無名. 發表於 2020-3-27 20:44[/color] [url=http://www.sclub.com.tw/discuz/redirect.php?goto=findpost&pid=303673&ptid=37701][img]http://www.sclub.com.tw/discuz/images/common/back.gif[/img][/url][/size][/quote]
若我想如貴站首頁的情況
代碼是否如下[code]    .list th2,.list th h2 {
        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 50s linear infinite;
    }[/code]但依然未見效果

無名 发表于 2020-3-28 10:34

有可能跟妳之前安装的其他代码起冲突，我自己的设置如下，分开了添加，这样以后才知道是什么作用[code]/*----------板块名称幻彩文字---------------*/
.list h3 {
    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 50s linear infinite;
}
/*----------板块名称幻彩文字end---------------*/

/*----------板块名称下边幻彩文字---------------*/
.list th {
    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 50s linear infinite;
}
/*----------板块名称下边幻彩文字end---------------*/[/code]

繽紛色彩 发表于 2020-3-28 12:08

[i=s] 本帖最后由 繽紛色彩 于 2020-3-28 12:17 编辑 [/i]

[b]回复 [url=http://i-share.66rt.com/redirect.php?goto=findpost&pid=92338&ptid=1102]2#[/url] [i]無名[/i] [/b]
[attach]1694[/attach]
論壇首頁變成怪怪的
幻彩出現了
但同時字體變大了
半頁空白了
原本使用的邊欄、活躍會員和推薦主題等
都跑到論壇底下了

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

繽紛色彩 发表于 2020-3-28 13:26

[i=s] 本帖最后由 繽紛色彩 于 2020-3-28 13:28 编辑 [/i]

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

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

繽紛色彩 发表于 2020-3-30 00:21

[i=s] 本帖最后由 繽紛色彩 于 2020-4-1 11:07 编辑 [/i]

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

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

查看完整版本: 查詢首頁幻彩文字效果