SCLUB免費論壇申請-使用者論壇 - Powered by Discuz! Board

免費論壇

繁體 | 簡體

Sclub交友聊天~加入聊天室當版主

(檢舉)

分享

標題: [版型教學] 幻彩文字，让你的文章与众不同！ [打印本頁]

作者: 无界 時間: 2020-3-20 00:42 標題: 幻彩文字，让你的文章与众不同！

图片演示

网址演示
http://icode.258club.com/thread-1697-1-1.html

代码获取
http://icode.258club.com/thread-1696-1-1.html

圖片附件: 1.gif (2020-3-20 00:26, 1.01 MB) / 下載次數 4959
http://s-club.tw/discuz/attachment.php?aid=80303&k=f4f1298c11cd039be6ec18c237090db5&t=1732630417&sid=QXXiI6

作者: leisurema 時間: 2020-3-20 15:51

回復 1# 无界

不能複制代碼又怎樣試呢？

作者: 无界 時間: 2020-3-20 17:16

回復 2# leisurema

不能复制代码是什么意思？

作者: leisurema 時間: 2020-3-20 17:19

本帖最後由 leisurema 於 2020-3-20 17:32 編輯

回復 3# 无界

http://icode.258club.com/redirec ... o=lastpost#lastpost

你的論壇所有文字不能複製，代碼只能即搬即用。

作者: 繽紛色彩 時間: 2020-3-20 19:48

回復 4# leisurema

你想復制代碼
可以按一下代碼框內的「複制」便可

還是你想轉貼文章呢?

作者: 繽紛色彩 時間: 2020-3-20 20:02

圖片演示
網址演示
代碼獲取
無界發表於 2020-3-20 00:42

資料如上填入
郤出現這樣的情況

請問前輩
有甚麼地方出錯呢?

圖片附件: 11.png (2020-3-20 19:58, 91.29 KB) / 下載次數 4557
http://s-club.tw/discuz/attachment.php?aid=80304&k=8ada1ef8f334526cd62bff7a20a171d7&t=1732630417&sid=QXXiI6

圖片附件: 11.png (2020-3-20 20:01, 43.8 KB) / 下載次數 4580
http://s-club.tw/discuz/attachment.php?aid=80305&k=6798ddc42c93656c1a277b1ae169d83b&t=1732630417&sid=QXXiI6

作者: leisurema 時間: 2020-3-20 20:10

回復 5# 繽紛色彩

想轉貼文章

http://leisurema.joinbbs.net/

作者: 无界 時間: 2020-3-20 20:15

回復 6# 繽紛色彩

你把color_t 改为colort试一下，css那里也改为这个名字

作者: leisurema 時間: 2020-3-20 20:40

回復 leisurema

不能复制代码是什么意思？
无界發表於 2020-3-20 05:16 PM

原本想將你論壇的說法，放到我的論壇，然後等有空閒才慢慢嘗試，可惜你的論壇字句不能夠複製。

我的論壇已經有等級限制，所以你的教學連結不會給其他人看到。

作者: 繽紛色彩 時間: 2020-3-20 21:00

回復无界

你的論壇所有文字不能複製，代碼只能即搬即用。
leisurema 發表於 2020-3-20 17:19

有辦法的
自己想想吧

作者: 繽紛色彩 時間: 2020-3-20 21:02

回復繽紛色彩

你把color_t 改为colort试一下，css那里也改为这个名字
无界發表於 2020-3-20 20:15

已如你所說修改
情況依然

作者: leisurema 時間: 2020-3-20 21:04

回復 11# 繽紛色彩

有辦法的
自己想想吧

作者: leisurema 時間: 2020-3-20 21:07

有辦法的
自己想想吧
繽紛色彩發表於 2020-3-20 09:00 PM

用了最愚蠢的方法，小畫家及複製了代碼放到論壇。

作者: 無名. 時間: 2020-3-20 21:40

回復 6# 繽紛色彩

妳的标签填写错误，如图：

圖片附件: 2.jpg (2020-3-20 21:40, 34.11 KB) / 下載次數 3070
http://s-club.tw/discuz/attachment.php?aid=80307&k=0ea63e5f1bdd9a55dc054c2c67d3719b&t=1732630417&sid=QXXiI6

作者: 繽紛色彩 時間: 2020-3-21 13:35

回復繽紛色彩

妳的标签填写错误，如图：
無名. 發表於 2020-3-20 21:40

謝謝提點

想再問問
第四步：打開post模板，在{subtemplate header}的下邊加

是打開那一個post呢?

圖片附件: POST.jpg (2020-3-21 13:34, 97.88 KB) / 下載次數 3285
http://s-club.tw/discuz/attachment.php?aid=80308&k=cebb08de9081ee06cd400da77cc40d43&t=1732630417&sid=QXXiI6

作者: 無名. 時間: 2020-3-21 14:52

回復 15# 繽紛色彩

post_editor 的下边，就是倒数第3个 post

作者: 繽紛色彩 時間: 2020-3-21 19:47

本帖最後由繽紛色彩於 2020-3-21 20:03 編輯

回復繽紛色彩
你把color_t 改为colort试一下，css那里也改为这个名字
无界發表於 2020-3-20 20:15

謝謝前輩耐心指導
成功了一半

色彩漸變_02.png

原本css那裡依你所說
將color_t 改为colort试一下
但不成功
期後嘗試使用原本的color_t
文字才可以出現色彩
但沒有出現色彩幻變

圖片附件: 色彩漸變_02.png (2020-3-21 19:44, 93.11 KB) / 下載次數 3205
http://s-club.tw/discuz/attachment.php?aid=80309&k=20df511a1a3f0dad573fe8da920b87f7&t=1732630417&sid=QXXiI6

作者: 无界 時間: 2020-3-21 20:46

回復 17# 繽紛色彩

因为你安装了“让论坛动起来”的css代码

作者: 繽紛色彩 時間: 2020-3-22 10:52

回復繽紛色彩

因为你安装了“让论坛动起来”的css代码
无界發表於 2020-3-21 20:46

前輩果然眼利
已移除放在其他頭部訊息
由lumea98創作的讓論壇動起來的代碼

另一個超夢幻跑馬燈~可讓整個論壇動起來!代碼
已搜尋過第三方、廣告位、頭部信息、修改模板(css)等位置
未發現有關代碼

現時仍然未產生幻彩效果
以前輩所見
還有那裡需要修改

作者: 無名. 時間: 2020-3-23 15:03

回復 19# 繽紛色彩

妳把css_common的代码用以下的替换：

/*----------彩幻文字---------------*/
#postmessage_37985{
font-size: 22px;
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 10s linear infinite;
}
@keyframes ran {
from {
backgroud-position: 0 0;
}
to {
background-position: 2000px 0;
}
}
#color_t {
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 10s linear infinite;
}
/*----------彩幻文字end---------------*/

複製代碼

作者: 繽紛色彩 時間: 2020-3-23 23:03

回復 20# 無名.
^^~成功了
非常感謝

作者: 繽紛色彩 時間: 2020-3-25 12:25

前輩
會否推出幻彩標題

作者: 无界 時間: 2020-3-25 12:54

回復 22# 繽紛色彩

嗯，昨天就想弄了，作为高亮主题的选项，或者主题加背景什么的，你还有什么好的建议么？

作者: 繽紛色彩 時間: 2020-3-25 16:48

本帖最後由繽紛色彩於 2020-3-27 12:17 編輯

回復繽紛色彩

嗯，昨天就想弄了，作为高亮主题的选项，或者主题加背景什么的，你还有什么好的建议 ...
无界發表於 2020-3-25 12:54

可否弄一個動態邊框
會轉動的邊框
或由斜條組成邊框
斜條會轉換色彩

作者: 繽紛色彩 時間: 2020-3-27 16:11

版介.jpg

這是首頁的靜止色彩
可以修改為幻彩嗎?

圖片附件: 版介.jpg (2020-3-27 16:09, 54.37 KB) / 下載次數 3306
http://s-club.tw/discuz/attachment.php?aid=80323&k=70065df3735ade47103bd4ba6521365d&t=1732630417&sid=QXXiI6

作者: 無名. 時間: 2020-3-27 17:06

回復 25# 繽紛色彩

是不是我论坛那种效果

http://i-share.66rt.com/

.list th,.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;
}

複製代碼

作者: 繽紛色彩 時間: 2020-3-27 18:37

回復 26# 無名.
哈哈~
真是踏破鐵鞋無覓處
正是啊
是否放第三方呢?

作者: 無名. 時間: 2020-3-27 19:38

回復 27# 繽紛色彩

css_common模板

作者: 繽紛色彩 時間: 2020-3-27 20:35

回復繽紛色彩

css_common模板
無名. 發表於 2020-3-27 19:38

哥...
點解會係前面個泡泡飄走的?

移-01.png

移-02.png

圖片附件: 移-01.png (2020-3-27 20:34, 300.96 KB) / 下載次數 3254
http://s-club.tw/discuz/attachment.php?aid=80324&k=1698347753cec4f653caa8687fa5840d&t=1732630417&sid=QXXiI6

圖片附件: 移-02.png (2020-3-27 20:34, 311.76 KB) / 下載次數 3307
http://s-club.tw/discuz/attachment.php?aid=80325&k=9e29657cc6d6a01c5c0bab37c25829c8&t=1732630417&sid=QXXiI6

作者: 無名. 時間: 2020-3-27 20:44

本帖最後由無名. 於 2020-3-27 20:52 編輯

回復 29# 繽紛色彩

妳把最前面的 .list th 改成 .list h3

刚刚去看了下，发现原来

.list th 是板块图标

.list h3 是板块名称

.list th h2 是板块名称下面的文字

作者: 繽紛色彩 時間: 2020-3-27 22:16

本帖最後由繽紛色彩於 2020-3-28 02:46 編輯

妳把最前面的 .list th 改成 .list h3

刚刚去看了下，发现原来

.list th 是板块图标

.list h3 是板块名称

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

不想打擾無界前輩的主題
已到無名.大哥的論壇查詢

歡迎光臨 SCLUB免費論壇申請-使用者論壇 (http://s-club.tw/discuz/)

Powered by Discuz! 7.2