免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
新浪微博
QQ空间
Facebook
Google+
Plurk
Twitter
Line
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) / 下載次數 1203
http://joinbbs.net/discuz/attachment.php?aid=78298&k=8fb2abdcef8187bc7b784823c2544909&t=1714035660&sid=7sc7q7



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

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

111.png

圖片附件: 111.png (2017-10-19 11:11, 42.08 KB) / 下載次數 1239
http://joinbbs.net/discuz/attachment.php?aid=78300&k=651b95a3f78ccea6a98c6a8d0add5fb2&t=1714035660&sid=7sc7q7

作者: 繽紛色彩    時間: 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) / 下載次數 962
http://joinbbs.net/discuz/attachment.php?aid=78303&k=2ff35984d6e3b334bcf90ca3f3babb4e&t=1714035660&sid=7sc7q7



圖片附件: 2.png (2017-10-20 08:32, 18.06 KB) / 下載次數 945
http://joinbbs.net/discuz/attachment.php?aid=78304&k=4dc0346ae902685ee2eb157aceccbf5c&t=1714035660&sid=7sc7q7

作者: 哥哥    時間: 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