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

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

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

图片演示
1.gif
2020-3-20 00:26


网址演示
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) / 下載次數 2680
http://weclub.info/discuz/attachment.php?aid=80303&k=01c436a0fb6d122119cca9b35b9cb74f&t=1711694158&sid=60q105


作者: 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

資料如上填入
郤出現這樣的情況
11.png
2020-3-20 20:01

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

圖片附件: 11.png (2020-3-20 19:58, 91.29 KB) / 下載次數 2732
http://weclub.info/discuz/attachment.php?aid=80304&k=fcde5be0dde357b7c6453df9f0fbef81&t=1711694158&sid=60q105



圖片附件: 11.png (2020-3-20 20:01, 43.8 KB) / 下載次數 2750
http://weclub.info/discuz/attachment.php?aid=80305&k=957d9bf478ab5e95af88524acef15e7b&t=1711694158&sid=60q105


作者: 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


圖片附件: 2.jpg (2020-3-20 21:40, 34.11 KB) / 下載次數 1879
http://weclub.info/discuz/attachment.php?aid=80307&k=f8c77e2e3ce997c66b893a1177ae7534&t=1711694158&sid=60q105


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

回復  繽紛色彩

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

謝謝提點

想再問問
第四步:打開post模板,在{subtemplate header}的下邊加
POST.jpg
2020-3-21 13:34

是打開那一個post呢?

圖片附件: POST.jpg (2020-3-21 13:34, 97.88 KB) / 下載次數 2080
http://weclub.info/discuz/attachment.php?aid=80308&k=198b5a05119e01b98ec86aa41089d0e6&t=1711694158&sid=60q105


作者: 無名.    時間: 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
2020-3-21 19:44


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

圖片附件: 色彩漸變_02.png (2020-3-21 19:44, 93.11 KB) / 下載次數 2011
http://weclub.info/discuz/attachment.php?aid=80309&k=f1809c3965720758cdd001ed695a208f&t=1711694158&sid=60q105


作者: 无界    時間: 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的代码用以下的替换:
  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. /*----------彩幻文字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
2020-3-27 16:09

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

圖片附件: 版介.jpg (2020-3-27 16:09, 54.37 KB) / 下載次數 1720
http://weclub.info/discuz/attachment.php?aid=80323&k=cc1ba7608d408bcab06dc8f8a5753c82&t=1711694158&sid=60q105


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

回復 25# 繽紛色彩

是不是我论坛那种效果
http://i-share.66rt.com/
  1. .list th,.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-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
2020-3-27 20:34

移-02.png
2020-3-27 20:34


圖片附件: 移-01.png (2020-3-27 20:34, 300.96 KB) / 下載次數 1670
http://weclub.info/discuz/attachment.php?aid=80324&k=bbfbece7f7be75cc4546828bf3ae80f0&t=1711694158&sid=60q105



圖片附件: 移-02.png (2020-3-27 20:34, 311.76 KB) / 下載次數 1660
http://weclub.info/discuz/attachment.php?aid=80325&k=999d2c01b47c708a726f004395472f6d&t=1711694158&sid=60q105


作者: 無名.    時間: 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://weclub.info/discuz/) Powered by Discuz! 7.2