• 欢迎访问乐趣公园网站,WordPress信息,WordPress教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入乐趣公园 QQ群
  • Git主题现已支持PHP7版本,速度应该会提高不少,不过云落的网站本来就很快了,所以感觉不是太明显
  • 最新版Git主题已支持说说碎语功能,可像添加文章一样直接添加说说,新建说说页面即可,最后重新保存固定连接,演示地址
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏乐趣公园吧
  • 云落的淘宝店铺已经开张了哦,传送门:https://kimipet.taobao.com

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

浏览器 云落 11个月前 (11-03) 87次浏览 已收录 2个评论
文章目录[隐藏]

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

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

前言

网络书签这个东西不知道现在还有谁用的?在国内做这个的很少,以前只有 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
}

后语

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


乐趣公园 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:使用浏览器插件自定义百度云收藏样式
喜欢 (4)
关于作者:
无折腾,不生活,我是一个WordPress菜鸟,一个玩淘宝的卖家,欢迎你认识我,我是云落!
发表我的评论
取消评论
表情 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(2)个小伙伴在吐槽
  1. 厉害呀!学习了!
    明月登楼2017-11-04 01:43 回复 Linux | Chrome 55.0.2883.91