使用浏览器插件自定义百度云收藏样式

» 浏览器 » 使用浏览器插件自定义百度云收藏样式

修改百度云收藏默认的卡片式样式,修改为可视面积更大的自定义样式

使用浏览器插件自定义百度云收藏样式-极客公园

前言

网络书签这个东西不知道现在还有谁用的?在国内做这个的很少,以前只有QQ书签,还有百度搜藏,后来QQ书签直接残废了,只剩下百度搜藏,但是百度搜藏后来也逐渐停止服务,最后转为了百度的云服务中的一个,也就是今天我们要说的对象:百度云收藏.

百度云收藏

百度云收藏是百度推出的一种文章收藏工具,当然它也支持图片收藏!文章首长还有,种子兽场,但是在这里云落主要使用的是他的收藏网址的功能,也就是说将它作为书签管理的使用,但是百度云收藏的书签管理模式比较复杂,准确的说是比较难用,因为他是给收藏文章的,所以它的展现形式是卡片式,但是对于链接或者书签来说,卡片式是太占用地方,所以云落通过修改他的样式来达到我们最大化利用的空间的目的。

默认的界面

使用浏览器插件自定义百度云收藏样式-极客公园

说实话,这个并不怪百度,因为百度云收藏主要是收藏文章的,但是我用来搜索书签的,自己动手丰衣足食,自己干吧。

修改方法

这里云落使用的是浏览器样式插件,这里谷歌浏览器和火狐浏览器都有支持,在各自的浏览器里面下载安装就可以了,代码的话其实就是简单的样式代码,在浏览器插件中使用下面代码就可以修改,百度云收藏的样式,将卡片式的卡片高度和等等其他一些不必要的信息隐藏,或者减小高度等等以达到,展现扩大的目的。

修改之后的界面

使用浏览器插件自定义百度云收藏样式-极客公园

原来默认界面可以看到的书签数量有18个,安装之后差不多到64个,区别还是很大的,目前云落已经常用了。

CSS代码

在样式管理插件中插入以下代码

.date,
.desc,
.ok-ico,
.pic {
	display: none
}
.article-h4,
.unit-list .unit .content h4,
.unit-list h4 {
	font-size: 14px;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}
.unit-list .unit {
	height: 75px;
	width: 180px;
	margin-top: 15px;
}
.unit-list .unit .content h4,
.unit-list h4 {
	line-height: 20px
}
.article .mask {
	background-color: #032030!important;
	height: 87px!important;
	width: 193px!important
}
.unit-list .page-url a {
	display: block!important;
	color: #11CD86!important
}
.page-url {
	color: #000
}
.edit-tag-panel .my-tag-tips,
.edit-unit-panel .my-tag-tips {
	max-height: 90pt
}
.unit-list .unit .mask .tags {
	bottom: 18px;
	height: 30px;
}
.__unitList {
	width: 1820px !important
}

后语

如果你不想自己插入代码,也可以直接在线安装样式。
样式链接

-- 完 --

发表评论

您的电子邮箱地址不会被公开。

2 Replies to “使用浏览器插件自定义百度云收藏样式”