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

標題: [教學] OOCN-最强CSS 底框加彩色线条和渐变彩色线条 [打印本頁]

作者: 哥哥    時間: 2017-10-19 10:44     標題: OOCN-最强CSS 底框加彩色线条和渐变彩色线条

此CSS由翔子和OOCN共同完成,号称最强CSS 经OOCN委托由我发布

底框彩色CSS.png
2017-10-19 10:43


渐变底框彩色CSS.png
2017-10-19 10:43



打开:css_common.htm

找到:
  1. #nav, #nav a { color: {MENUHOVERTEXT}; }
複製代碼
下面加:
本帖隱藏的內容需要回復才可以瀏覽


代码地址:http://oocn.258club.com/thread-5779-1-1.html

圖片附件: 底框彩色CSS.png (2017-10-19 10:43, 115.76 KB) / 下載次數 363
http://joinbbs.net/discuz/attachment.php?aid=78298&k=dae681caa1114039b3213f120e3da2b6&t=1606688889&sid=69srO8



圖片附件: 渐变底框彩色CSS.png (2017-10-19 10:43, 116.75 KB) / 下載次數 411
http://joinbbs.net/discuz/attachment.php?aid=78299&k=f384c56c84e67d9d1aa7670060856df1&t=1606688889&sid=69srO8


作者: 哥哥    時間: 2017-10-19 11:11

111.png
2017-10-19 11:11


圖片附件: 111.png (2017-10-19 11:11, 42.08 KB) / 下載次數 319
http://joinbbs.net/discuz/attachment.php?aid=78300&k=3b81175932798c29803a45fb366d79a5&t=1606688889&sid=69srO8


作者: 繽紛色彩    時間: 2017-10-19 11:22

可能我之前修改過甚麼
以致未能找到這一句
用不到這個效果
作者: leisurema    時間: 2017-10-19 12:23

回復 2# 哥哥


頂一個。
作者: 哥哥    時間: 2017-10-19 12:48

回復 3# 繽紛色彩


    你想用? 网址拿来 我帮你看看!
作者: 真新人    時間: 2017-10-19 19:30

大推感謝分享
作者: 繽紛色彩    時間: 2017-10-19 19:58

回復 5# 哥哥

那就給你看看
我的論壇
http://colorful.joinbbs.net/
作者: 无界    時間: 2017-10-19 20:43

本帖最後由 无界 於 2017-10-19 20:46 編輯

方法不正确,颜色一段一段的,不是渐变。

不需要加百分比,直接,号一个个写就行了
  1. border-image: -webkit-linear-gradient(left,#FF9B9B,#FFB90F,#FFB90F,#29ACE5,#29ACE5,#29ACE5,#29ACE5,#3CB371,#3CB371,grey)1;
複製代碼

作者: 哥哥    時間: 2017-10-19 22:03

代码是对的,安装的是也是按比例颜色一个个写。确实没有去掉百分比,谢谢无界哥哥的提醒。
作者: 4rphotoclub    時間: 2017-10-19 23:26

這效果又幾好喎,我也來支持下先。
作者: 哥哥    時間: 2017-10-20 08:32

本帖最後由 哥哥 於 2017-10-20 08:37 編輯

回復 8# 无界


我刚刚试了一下 压缩延伸确实不用百分比 纯一个个写进去,但是像我论坛设置的纯色接上 要加百分比

不加百分比 效果是这样的:
1.png
2017-10-20 08:32


加百分比 效果是这样的
2.png
2017-10-20 08:32


圖片附件: 1.png (2017-10-20 08:32, 18.98 KB) / 下載次數 269
http://joinbbs.net/discuz/attachment.php?aid=78303&k=08cb7b91e33936187d9fabad5ef3394c&t=1606688889&sid=69srO8



圖片附件: 2.png (2017-10-20 08:32, 18.06 KB) / 下載次數 266
http://joinbbs.net/discuz/attachment.php?aid=78304&k=88fed869311535d965bd2e1dbd65b487&t=1606688889&sid=69srO8


作者: 哥哥    時間: 2017-10-20 11:04

回復 7# 繽紛色彩


    友情链接
作者: 繽紛色彩    時間: 2017-10-20 13:28

回復  繽紛色彩


    你想用? 网址拿来 我帮你看看!
哥哥 發表於 2017-10-19 12:48
回復  繽紛色彩


    友情链接
哥哥 發表於 2017-10-20 11:04

你都好識打蛇隨棍上喎
又話幫我看看
給你網址
又要友鏈
作者: 繽紛色彩    時間: 2017-10-20 13:38

回復  繽紛色彩


    友情链接
哥哥 發表於 2017-10-20 11:04

申請友鏈請到以下鏈結填資料
http://joinbbs.net/discuz/viewthread.php?tid=30907
作者: 0467    時間: 2017-10-22 21:11

好看···学习分享
作者: miyukiarioka    時間: 2017-11-3 10:32

謝謝分享,先來看看吧
作者: 李奥    時間: 2018-6-29 17:18

这个超级漂亮
作者: macheng    時間: 2018-7-21 23:30

找了好久好久
作者: 本月少女    時間: 2018-8-19 17:49

謝謝分享




歡迎光臨 SCLUB免費論壇申請-使用者論壇 (http://joinbbs.net/discuz/) Powered by Discuz! 7.2