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

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

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

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

底框彩色CSS.png

渐变底框彩色CSS.png


打开: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) / 下載次數 3092
http://weclub.info/discuz/attachment.php?aid=78298&k=6fe7034f478065513a8aa29a3dc58fc6&t=1732333563&sid=28JvVU



圖片附件: 渐变底框彩色CSS.png (2017-10-19 10:43, 116.75 KB) / 下載次數 3093
http://weclub.info/discuz/attachment.php?aid=78299&k=08eaf87b3499a9f54aea745349b96a79&t=1732333563&sid=28JvVU


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

111.png

圖片附件: 111.png (2017-10-19 11:11, 42.08 KB) / 下載次數 2796
http://weclub.info/discuz/attachment.php?aid=78300&k=65ca5afb7e9a704ee9308b871d7b2331&t=1732333563&sid=28JvVU


作者: 繽紛色彩    時間: 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

加百分比 效果是这样的 2.png

圖片附件: 1.png (2017-10-20 08:32, 18.98 KB) / 下載次數 2403
http://weclub.info/discuz/attachment.php?aid=78303&k=b8418df6699f7165c8ad01692d14a5e2&t=1732333563&sid=28JvVU



圖片附件: 2.png (2017-10-20 08:32, 18.06 KB) / 下載次數 2380
http://weclub.info/discuz/attachment.php?aid=78304&k=de421caf663cd01e548d031197ba9bb9&t=1732333563&sid=28JvVU


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