免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
新浪微博
QQ空间
Facebook
Google+
Plurk
Twitter
Line
Board logo

標題: [版型教學] 幻彩文字，让你的文章与众不同！ [打印本頁]
作者: 无界    時間: 2020-3-20 00:42     標題: 幻彩文字，让你的文章与众不同！

图片演示
1.gif

网址演示
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) / 下載次數 4937
http://six168.com/discuz/attachment.php?aid=80303&k=9409cf14aa8c45441e1520c85a0852e1&t=1732316574&sid=4aAfqm

作者: 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
資料如上填入
郤出現這樣的情況
11.png
請問前輩
有甚麼地方出錯呢?

圖片附件: 11.png (2020-3-20 19:58, 91.29 KB) / 下載次數 4520
http://six168.com/discuz/attachment.php?aid=80304&k=9263d1ec5f780bfa8f743b4b6a390178&t=1732316574&sid=4aAfqm



圖片附件: 11.png (2020-3-20 20:01, 43.8 KB) / 下載次數 4529
http://six168.com/discuz/attachment.php?aid=80305&k=3f3d6f8cb83f8bd4724c8cf16c07d3bc&t=1732316574&sid=4aAfqm

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

圖片附件: 2.jpg (2020-3-20 21:40, 34.11 KB) / 下載次數 3038
http://six168.com/discuz/attachment.php?aid=80307&k=8b663438d65a895541de385cdf335409&t=1732316574&sid=4aAfqm

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

回復  繽紛色彩

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

謝謝提點

想再問問
第四步：打開post模板，在{subtemplate header}的下邊加
POST.jpg
是打開那一個post呢?

圖片附件: POST.jpg (2020-3-21 13:34, 97.88 KB) / 下載次數 3253
http://six168.com/discuz/attachment.php?aid=80308&k=60b4bc4ac34a5b40917f31bd56534d45&t=1732316574&sid=4aAfqm

作者: 無名.    時間: 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) / 下載次數 3169
http://six168.com/discuz/attachment.php?aid=80309&k=28df4f70cd81b5ec50d15bcea3a4c863&t=1732316574&sid=4aAfqm

作者: 无界    時間: 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. /*----------彩幻文字---------------*/

  3.             #postmessage_37985{
  4. font-size: 22px;
  5.                 color: #8c888b;
  6. background: -webkit-linear-gradient(45deg,#00f2ff,#ff5200,#ffd300,#4000ff,#006bff);
  7.                 -moz-linear-gradient(45deg,#00f2ff,#ff5200,#ffd300,#4000ff,#006bff);
  8.                 -ms-linear-gradient(45deg,#00f2ff,#ff5200,#ffd300,#4000ff,#006bff);
  9.                 color: transparent;
  10.                 -webkit-background-clip: text;
  11.                 animation: ran 10s linear infinite;
  12.             }
  13.             @keyframes ran {
  14.                 from {
  15.                     backgroud-position: 0 0;
  16.                 }
  17.                 to {
  18.                     background-position: 2000px 0;
  19.                 }
  20.             }


  23. #color_t {
  24.     color: #8c888b;
  25.     background: -webkit-linear-gradient(45deg,#00f2ff,#ff5200,#ffd300,#4000ff,#006bff);
  26.     -moz-linear-gradient(45deg,#00f2ff,#ff5200,#ffd300,#4000ff,#006bff): ;
  27.     -ms-linear-gradient(45deg,#00f2ff,#ff5200,#ffd300,#4000ff,#006bff): ;
  28.     color: transparent;
  29.     -webkit-background-clip: text;
  30.     animation: ran 10s linear infinite;
  31. }
  32. /*----------彩幻文字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) / 下載次數 3269
http://six168.com/discuz/attachment.php?aid=80323&k=4fa22428db23a0d91698fd701f3f391a&t=1732316574&sid=4aAfqm

作者: 無名.    時間: 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
移-02.png

圖片附件: 移-01.png (2020-3-27 20:34, 300.96 KB) / 下載次數 3221
http://six168.com/discuz/attachment.php?aid=80324&k=89be64612e949f976f83f51c4f5986d1&t=1732316574&sid=4aAfqm



圖片附件: 移-02.png (2020-3-27 20:34, 311.76 KB) / 下載次數 3279
http://six168.com/discuz/attachment.php?aid=80325&k=09ce178e1c6569b36c24f6761ef8f2b1&t=1732316574&sid=4aAfqm

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