• 记录下对WordPress源代码的修改
  • 说说可以了吧
  • 现在开始可以更方便的插入无序列表了,使用短代码
  • 你知道吗?在论坛输入233会变成一个表情哦 =.=,就是这个 :mrgreen:
  • 安装了TT-RSS,然后发现暂时不支持PHP7,然后又删除了,继续用inoreader吧,其实这个用着还好的,恩,很好
  • 前几天在黑莓应用市场居然发现了新安装应用,最重要的是几天后我居然收到了更新推送
  • 发个说说表示下存在感
  • 重写CMS,目前在本地做实验,希望能成功
  • 图床小书签,其实也很简单,只是用一个js弹窗伪造的小书签23333
  • 优化满分,目前在gt.net测试双A.还不错

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

折腾不止 云落 1个月前 (11-03) 26次浏览 已收录 1个评论
文章目录[隐藏]

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

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

前言

网络书签这个东西不知道现在还有谁用的?在国内做这个的很少,以前只有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,您需要填写昵称和邮箱!

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