找回密码
 立即注册
搜索
查看: 2235|回复: 12

[网络] 自定义S1导航栏链接列表

[复制链接]
发表于 2015-11-8 11:29 | 显示全部楼层 |阅读模式
本帖最后由 ylns1314 于 2016-7-20 07:38 编辑

最近用了@pgain2004 的Stylish 样式感觉挺好的,然而不是所有功能都能用CSS实现,比如删掉那个我从来不去的八卦体育然后加上几个常用的。他的CSS隐藏掉了八卦体育,不过纯CSS是没办法增加新链接上去的,于是我写了个简单的userscript用于自定义顶端导航栏的链接列表。论坛页面载入机制跟以前不一样了,没办法在整个载入完成之前进行替换,所以现在你会看到载入时导航栏是原本的样子,载入完了才会变。

效果如图(因为我主要就呆外野和PC区有时去漫区转转啦233)


自定义的方法很简单,在脚本最下面增加完全相同格式的代码就行。顺序可调,代码从上到下显示先左后右。
linkList.appendChild(createLink("PC数码","forum-51-1.html"));
把名字和链接(2b之后的)分别换成你想要的。

FF 油猴和Chrome Tamper猴测试有效。https://openuserjs.org/scripts/ylns1314/S1_NaviBar_Customization
回复

使用道具 举报

     
发表于 2015-11-8 12:42 来自手机 | 显示全部楼层
先马

—— 来自 HUAWEI PLK-CL00, Android 5.1.1
回复

使用道具 举报

     
发表于 2015-11-8 13:07 | 显示全部楼层
回复

使用道具 举报

     
发表于 2015-11-8 13:37 | 显示全部楼层
我这几天也在初学JS,就是因为双栏那个作者跟我说不如融合一下……
油猴对比Stylish的缺点大概是基于脚本,无法像Stylish那样进行实时的CSS覆盖,要几乎整个页面都载入后才能通过JS生效?但因为可以上脚本,能做的就多太多了

惊了,我又不是码农,就为了这点小样式自学CSS和JS,简直脑抽
回复

使用道具 举报

 楼主| 发表于 2015-11-8 13:41 | 显示全部楼层
本帖最后由 ylns1314 于 2015-11-8 13:53 编辑
pgain2004 发表于 2015-11-8 13:37
我这几天也在初学JS,就是因为双栏那个作者跟我说不如融合一下……
油猴对比Stylish的缺点大概是基于脚本, ...

在用你的样式之前我都没想过要写脚本搞掉八卦体育然后加上漫区上去
你可以定义userscript的生效时间,默认应该是完全载入。像是上面我就把它改成了document-body,即body载入完了就运行。
回复

使用道具 举报

     
发表于 2015-11-8 14:01 | 显示全部楼层
我受启发的经过大概是:Opera修改版自带的CSS元素屏蔽(才知道可以这么自由地屏蔽各种广告)→Firefox上ADP的元素屏蔽插件(开始通过屏蔽精简常用网页)→Stylish(有很多很棒的国外站样式)→S1 Simple样式(将搜索栏和导航栏结合很不错可是太精简了不好看)→S1双栏(好多错位啊我看能不能改改代码休整一下)→S1 MUX原脚本(干脆自己写吧)→S1 MUX(写得好累,发论坛博取一下虚荣心)→S1 MUX Dark(因为在安卓上用S1 Next都是暗色调,也给MUX加上吧)

我觉得最受限的是图片,Discuz默认gif图标做得太菜了,我想替换成更美观也不大的PNG,可惜测试了好几个支持PNG的图站,都不够稳定
回复

使用道具 举报

 楼主| 发表于 2015-11-8 14:05 | 显示全部楼层
pgain2004 发表于 2015-11-8 14:01
我受启发的经过大概是:Opera修改版自带的CSS元素屏蔽(才知道可以这么自由地屏蔽各种广告)→Firefox上ADP的 ...

可以试试新浪https://chrome.google.com/websto ... aolgbjplhe?hl=zh-CN
回复

使用道具 举报

     
发表于 2015-11-8 14:34 | 显示全部楼层
pgain2004 发表于 2015-11-8 14:01
我受启发的经过大概是:Opera修改版自带的CSS元素屏蔽(才知道可以这么自由地屏蔽各种广告)→Firefox上ADP的 ...

都到这步,图片转Base64 ,或者干脆用css来画一个。
回复

使用道具 举报

     
发表于 2015-11-8 19:18 | 显示全部楼层
ylns1314 发表于 2015-11-8 14:05
可以试试新浪https://chrome.google.com/webstore/detail/%E5%9B%B4%E8%84%96%E6%98%AF%E4%B8%AA%E5%A5%B ...

微博图床只会给你转成jpg
回复

使用道具 举报

 楼主| 发表于 2015-11-9 00:15 | 显示全部楼层
本帖最后由 ylns1314 于 2015-11-9 00:24 编辑
wakiki 发表于 2015-11-8 14:34
都到这步,图片转Base64 ,或者干脆用css来画一个。

WoW还有这种黑科技,而且我一查RFC2397竟然98年就有了, 前端工程师都是怪物么...

@pgain2004 你不说我还真没注意..
回复

使用道具 举报

 楼主| 发表于 2016-7-20 07:27 | 显示全部楼层
之前不知何时失效的,更新了一下。
顺便把黑球logo的超链替换成原本的论坛列表了。
那个test主页好烦。
回复

使用道具 举报

     
发表于 2016-7-20 10:06 | 显示全部楼层
ylns1314 发表于 2016-7-20 07:27
之前不知何时失效的,更新了一下。
顺便把黑球logo的超链替换成原本的论坛列表了。
那个test主页好烦。 ...

泪流满面,终于明白了版主不给破处区加快捷导航的苦心了
回复

使用道具 举报

发表于 2016-7-21 12:24 | 显示全部楼层
S1就我不是码农系列
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|上海互联网违法和不良信息举报中心|网上有害信息举报专区|962110 反电信诈骗|举报电话 021-62035905|Stage1st ( 沪ICP备13020230号-1|沪公网安备 31010702007642号 )

GMT+8, 2025-8-21 19:21 , Processed in 0.042099 second(s), 7 queries , Gzip On, Redis On.

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

快速回复 返回顶部 返回列表