WordPress 美化:将知更鸟 Begin 主题首页阅读全文按钮美化

云墨
云墨
云墨
631
文章
11
评论
2018年8月28日 评论 276

WordPress 美化:将知更鸟 Begin 主题首页阅读全文按钮美化

WordPress 美化:将知更鸟 Begin 主题首页阅读全文按钮美化

最近在网上看到很多知更鸟主题的文章列表页的“阅读全文”作了美化处理,效果就是鼠标没有到文章这个区块时,不显示阅读全文位置。当鼠标滑到文章区块时,就会从旁边自动滑出显示阅读全文按钮。在沃森博客找到了相关代码,现整理如下:

将以下 css 添加到主题选项--定制风格--自定义样式中即可(或者自行添加到 css 中)。

  1. /*阅读全文特效*/
  2. .post{overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;-ms-transition:.3s}
  3. .post:hover{box-shadow:0 0 20px 3px #dfe9f7;border:1px solid #eaeaea;z-index:2;box-shadow:0 0 20px 3px #dfe9f7;border:1px solid #eaeaea;z-index:2;border:1px dashed #39c}
  4. .entry-more a{position:absolute;width:82px;rightright:-80px;webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;opacity:0}
  5. .post:hover .entry-more a{rightright:0;opacity:.7}

声明:此资源由云墨博客 [yunmoseo.com] 收集整理于网络,如有侵权,请联系云墨博客 [181289218@QQ.com] 删除处理。

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 站长技术资源群
  • QQ群:431710796
  • weinxin
云墨
  • 本文由 发表于 2018年8月28日
  • 转载请务必保留本文链接:https://www.yunmoseo.com/1371.html
WordPress回复评论自动添加@评论者的修改方法 网站建设

WordPress回复评论自动添加@评论者的修改方法

有网友留言,问我这个@昵称回复如何实现的?如下图: 其实之前我也看到很多博客有这样的功能,但是我是在后台审核并回复评论的,之前有好几次因为没注意评论信息栏的:回复给***,还以为是给我的留言,所以给人...
匿名

发表评论

匿名网友