准备学习 ::before 样式

准备学习 ::before 样式

zblog 纯净主题的引用代码中，头部有个很大的双引号，鼠标又不能选中，以前总是好奇，认为不过是个背景。最近接触的比较多，认真查看 css 代码后，发现这居然也是通过代码实现的，果然高级！比如下面这段 css 代码： .single blockquote::before{content:"“";font-size:70px;color:#ccc;font-family:arial;line-height:1;position:absolute;top:5px;left:14px} 通过 before 标签...
08月22日25次发表评论Plan
阅读全文
手动 begin-asan 优化文章列表的摘要显示

手动 begin-asan 优化文章列表的摘要显示

众所周知，文章列表的摘要显示要么每篇文章手动摘要，要么设置文章自动截字。大多数人都是在主题设计的时候就有摘要自动截字，而这个功能面对全都是中文的网站没什么毛病，遇到有英文字母的摘要就计算有问题了。虽说必然有函数可以解决这个问题，但是对于强迫症的林三来说，还是需要一个百分百靠谱的方案。 于是，林三想到了 joe 主题的摘要显示方式，让 css 判断超过四行就隐藏，然后第四行尾巴加上三个点。 .archive-content {     color: #555;     display: -webkit-bo...
08月14日38次发表评论Update
阅读全文
修改 joe 主题时学到的截字方法/思路

修改 joe 主题时学到的截字方法/思路

wrodpress 的截字是在php文件中采用钩子或者相关的函数来实现，但是 joe 主题的截字让我眼前一亮，它居然是通过 css 来实现的，我觉得这种实现的方法可以用到我最新的主题中，刚好用来弥补我不会截字的短处。它的原代码是： .joe_list__item .information .abstract{ display:-webkit-box;-webkit-line-clamp:2;/*! autoprefixer: off */ -webkit-box-orient:vertical;overf...
03月16日73次2条Note
阅读全文
小威主题 weisaybox 5.0.6 侧边文章标题优化

小威主题 weisaybox 5.0.6 侧边文章标题优化

侧边超宽改成显示三个点，只需要在css中找到widget，对其li属性增加代码 .widget ul li{ line-height:2rem; text-overflow: ellipsis; whitewhite-space: nowrap; overflow: hidden;} 最后三行增加后，清除缓存信息后刷新即可看到效果。以后有问题再来查用...
03月02日87次1条Plan
阅读全文