begin主题首页阅读全文按钮美化

2018年6月12日13:51:12 4 473

知更鸟begin主题的美化,太多太多,根据自己的喜好来折腾。这里,在之前折腾了下,美化了首页阅读全文按钮。最近有小伙伴在问到,也就分享出来了。

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

/*阅读全文特效*/
.post{overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;-ms-transition:.3s}
.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}.entry-more a{position:absolute;width:82px;right:-80px;webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;opacity:0}
.post:hover .entry-more a{right:0;opacity:.7}

在鼠标没有到文章这个区块时,不显示阅读全文位置。当鼠标滑到文章区块时,就会从旁边自动滑出显示阅读全文按钮。

begin主题首页阅读全文按钮美化

鼠标未到文章区块时效果图

begin主题首页阅读全文按钮美化

鼠标滑到文章区块时效果图

代码也是我在网上找的,不过不知道是来自谁那了,这个折腾有点久了。

更多知更鸟begin主题折腾,可以查看这两个:

https://www.zhushuming.cn/tag/begin%E4%B8%BB%E9%A2%98/

https://www.zhushuming.cn/tag/%E7%9F%A5%E6%9B%B4%E9%B8%9F%E4%B8%BB%E9%A2%98/

以上两个标签是集合了本站所有知更鸟主题折腾的了。



版权声明:本文由江西SEO原创或整理发布,欢迎分享! 更多优化知识请查看 SEO教程

本文链接:https://www.zhushuming.cn/5958.html

  • 博客之家
  • 博客之家,本站的资源收集于群里以便下载。当然,更多的是建站知识交流~
  • weinxin
  • SEO优化交流群
  • SEO优化交流群,交流seo优化技巧。860716446
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:4   其中:访客  2   博主  2

    • 堆爱博客 堆爱博客 1

      谢谢博主,第一时间修改了。

      • 甘肃SEO 甘肃SEO 0

        博主,请问一下您的博客用的是什么主题啊?