【教程】百度首页stylish样式第三版

1446547521

先看介绍，链接放后面，最后放FAQ。

首先为了高端大气上档次，自然要透明化。为此干掉了不少度娘做的图片和背景颜色=，=

然后在色彩搭配上是黑白配，就是黑底白字。因为第一版被人说太亮了闪瞎狗眼，所以我恶向胆边生（貌似哪里不大对的样子），背景用了暗色调的，不过也有人说太暗了不喜欢，这个。。。在css中，都可以改的嘛，必要在意这些细节。而且我后来发现黑色适合装深沉来着（唉，表打我啊 鼠标经过链接的时候，链接会变成绿底白字。

刚才对登陆窗口添加了背景颜色，以前没注意到。

旧首页：


新首页：


搜索页上：



搜索页下：




更多的细节大家使用的话会慢慢发现。不足之处请告诉我~我会努力改进。



下载地址：百度网盘


FAQ（大神请无视）:

1.我怎样能够使用这个样式？

这个样式依赖于stylish，stylish是一个扩展，可以使你自己定义和修改css规则。

首先，下载上面链接中日期最新的一个样式（文件夹中的txt文件），然后在应用商店搜索stylish，并且安装它。

我刚才搜索了一下，我这里直接的安装地址是：
https://chrome.google.com/websto ... rce=chrome-ntp-icon



安装后，它的图标将会出现在地址栏后面。点击它，选择“管理已安装的样式”，然后会打开一个新的的页面。



选择页面左侧最下的按钮“写入新样式”：


然后又会打开新页面，请先看下图：




有一点说明一下，像图上那样设置将会在首页和搜索页都启生效。如果想只在其中一个上面使用，可以删除相应的那条范围指定。

2.我怎样能够自定义背景/LOGO图片？

首先，将你希望使用的背景图片上传到网络上，例如传到百度相册，之后查看这个图片，复制它的网址。



然后打开stylish，如果你想改变网页的背景图片，在这个样式中查找下一行文字：
设定整个页面的背景图片
找到后，看到这一条里面有个网址，用你的图片的网址替换这个网址。


同样的，想要替换首页logo，搜索 替换logo图片 这几个字，替换其网址；

想要替换搜索页logo，搜索 搜索页添加logo 这几个字，替换其网址。

3.我该怎么更改文字的颜色？

如果你想更改文字颜色（特别是当你换了背景图片后，白色文字可能就不合适了），可以更改这里的全局文字颜色设定：



把#FFF换成其他颜色值，也可以是名词例如“red”或rgb值如“rgb(255,255,0)”，怎么改您自己看着办。

需要注意的是，虽然这个是控制全局文字颜色的，但可能还是有一些文字“不听话”，这些你可以看看注释，找到那个元素所在的一条，更改里面的颜色值。找不到了可以告诉我，让我帮你找。


4.为什么你的图上“我的导航”项目周围没有白色虚线，但是我的却有？

这个问题先前不少人问过我，后来有人注意到这些导航有个“整理”或“分类”？的按钮（我记不太清了，而且我没找到），没有整理的话是会有虚线的，整理一下就好了。这个东东是点一次就行了的

5.现在百度自己也带了换肤功能，和这个有冲突吗？

我们要相信度娘的强（无）大（耻），如果你用了度娘的换肤，那么这个样式的图片会被度娘的图片盖住（度娘的图片在上层）。

6.如果我想让导航部分有半透明背景该怎么办？

其实这是刚才我用了度娘的一个皮肤之后发现的，它不是只改图片了。如下图的效果。

在样式中搜索 给导航部分添加半透明背景 这几个字，找到这一行，把 /* 剪切到 } 的后面（箭头处），之后保存，效果就有了。解释一下，rgba(0,0,0,0.6)中 ，0,0,0，是rbg颜色的三个值，这个是黑色。最后一个数字要在0-1之间（可以是0或1,0完全透明，1不透明）的任何小数，数值越大，透明度越低。


7.如果我想让整个页面都有半透明效果来遮盖背景图片改怎么办？

如下图的效果（为了明显，这里我使用了风↑骚的紫色，但实际上我的代码里面是白色的），遮罩层不会遮盖文字，不影响阅读。



这个效果的话，首页和搜索页是不同的设置。首页的话：

在样式中搜索 给整个首页的页面添加遮罩颜色 这几个字，找到这一行，把 /* 剪切到 } 的后面，之后保存，效果就有了。 其实这方法和解释和第6条里面是一样的。但是要注意的是，这个遮罩层和度娘自己的皮肤图片是在一个东东上，同时存在的话度娘的图片不会显示。（可算报仇了

搜索页的话：

在样式中搜索 给搜索页添加遮罩颜色 这几个字，找到这一行，把 /* 剪切到 } 的后面，之后保存，效果就有了。

8.我怎样把这个样式用在火狐上？

首先，打开这个样式的页面，点击左侧的“转换为mozilla格式”，之后会打开一个新页面。里面全是代码。ctrl+a全选，ctrl+c复制。



然后打开火狐里的stylish（请自行安装），选择新建样式，如图操作。



注意：火狐中的stylish样式不需要手动指定作用范围，范围是在代码中包含的。

能否用在opera上我没试过。。。

好了，暂时想不到其他的问题了，大家有问题再问我。不过刚才我登了个小号看了看，发现和我的首页不一样，如果因为这出了问题，那是很蛋疼的，但愿大家的首页不要这么特殊。

我的首页底部：



好了，到此结束吧

希尔27

连签名档都挂了
贴个图会shi咩？

1446547521

希尔27 发表于 2013-10-1 15:04
连签名档都挂了
贴个图会shi咩？

我故意的

algae

其他网页都给换了

a22271001

图都被防盗链了

wysdingxuan

图全挂了

贪睡懒熊

背景图 挺不错