• 要找福利?记不住网址?搜不到?如何与我们保持联系?试试 CTRL+D 把零点博客添加进您的浏览器收藏夹,一键直达永不失联! QQ群

美哭!让美化百度等网站变成你喜欢的样子!

技术宅 福利哥 160次浏览 0个评论

1

想必大家看到百度这张黄脸婆样的界面都觉得很不喜欢吧。那么,请大家心里默念 “巴啦啦小魔仙,马勒戈壁,变!”奇迹就会发生——

2

一种凤姐秒变波多野结衣的既视感有没有?
那么是什么工具使得百度瞬间变的简介美观了呢?下面容我隆重向大家推荐一款浏览器插件 ——神奇的 Stylish。
这款插件适用于 Chrome,Firefox,Opera 以及Safari 浏览器。Stylish 通过替换网页本身的 CSS 来达到的「美化」的目的。至于 什么是CSS,想必论坛的大神们估计都知道,这里简单引用一下维基的介绍。

 

层叠样式表(英语:Cascading Style Sheets,简写CSS),又称串样式列表、级联样式表、串接样式表、层叠样式表、階層式樣式表,一种用来为结构化文档(如HTML文档或XML应用)添加样式(字体、间距和颜色等)的计算机语言,由W3C定义和维护。
网页的读者和作者都可以使用CSS来决定文件的颜色、字体、排版等显示特性。CSS最主要的目的是将文件的内容与显示分隔开来。这有许多好处:
文件的可读性加强
文件的结构更加灵活
作者和读者可以自己决定文件的显示
文件的结构简化了
另外,在HTML中:
一个整个网站或其中一部分网页的显示信息被集中在一个地方,要改变它们很方便
不同的读者可以有不同的样式,比如有的读者需要字体比较大
HTML文件本身的范围变小了,它的结构简单了,它不需要包含显示的信息
CSS还可以控制其他参数,例如声音(假如浏览器有阅读功能的话)或给视障者用的感受装置。

也许你觉得CSS很高深 ,我们这些编程小白不懂,其实这些都没关系,Stylish的用法很简单,只要从官网下载并添加的浏览器里,在 Stylish 的选项菜单中你可以更新、停用、卸载、编辑已经安装的 CSS,这和 Chrome 的扩展程序管理类似。而且之前也说过,Stylish是 同时支持ChromeFirefoxOpera 以及Safari 浏览器的,这里我用Chrome来向大家演示。

3
Chrome,Firefox,Opera 以及Safari 浏览器(点击浏览器名称即可下载)。
现在你的 Stylish 里面空空如也,接下来就是要添加 CSS 样式模板了。别怕,你只需要信手打开一个网站,打开 Stylish 的菜单,点击「查找适合此网站的更多样式」,Stylish 就会为你列出该网站合适的 CSS 模板。

4
当然了,你也可以在官网userstyles.org 上寻找你想要的模板

5
当然了,这里我向各位推荐几款我在用的模板。
1.Baidu Lite 百度轻
这就是开始所说的,能让百度用上 Material Design 风格的 CSS 了。它同样适用于搜索结果页面。

6

2.让微博干净简洁 weibo_v6

7

3.Maverick 【百度贴吧
作者设有大量可修改元素,可以完美满足任何人的定制要求。

8
实际效果出来后,简直美哭啊!

9

10
这里 还有一些模板之类的,我没试过,但看着貌似不错,各位有兴趣了可以试试 !
1.Google 搜索的再美化: Google Search – Material Design
这款 CSS 是根据 Dribbble 上的设计师 Aurélien Salomon ➔ 重新设计的 Google 搜索做出来的。类似上文的百度轻,由于 Google 本身已经很干净,所以效果提升并没有百度那么明显,好看倒是真的。
2.扁平版知乎:Flat_Zhihu
3.全局夜间模式:NightShift – eye care
4.Mac 风格滚动条:Universial Minimalist Scroll Bar
他能让你的浏览器拥有 Mac OS X 样式的透明极简滚动条。
总得来说,这款浏览器插件可以让原本习以为常的网页焕发出新的活力,它具有高度的可定制性,会CSS的 同学还可以通过插件里的CSS修改功能进行修改,创作。甚至还有人把朴素的Stylish官网userstyles.org做了个美化插件……总之,喜欢折腾的同学可以到官网里找到自己喜欢的东西,假如的大家遇到什么较好的模板了,欢迎发出来分享给大家 ,这才是真正的福利吧……
编辑不易,请多指教!如果它真心对你有用了,欢迎分享转载哦!


喜欢 (0)
[ld]
分享 (0)