小鹿学院 > SEM营销 > 资讯正文
begin主题首页阅读全文按钮美化自动缩进显示
2018-01-10 23:36 小鹿推广

小鹿系列竞价软件覆盖百度、360、搜狗、神马四大搜索平台,采用独创的竞价算法,智能精准出价,一键批量查排名,根据关键词位置实时调整出价,降低出价虚高,稳定排名,节省企业预算。

小鹿竞价软件专题介绍:https://www.xiaolutg.com/bidding/fengchao?ref=menu

知更鸟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:0020px3px#dfe9f7;border:1pxsolid#eaeaea;z-index:2;box-shadow:0020px3px#dfe9f7;border:1pxsolid#eaeaea;z-index:2;border:1pxdashed#39c}.entry-morea{position:absolute;width:82px;right:-80px;webkit-transition:all.4s;-moz-transition:all.4s;-o-transition:all.4s;transition:all.4s;opacity:0}
  4. .post:hover.entry-morea{right:0;opacity:.7}

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

小鹿推广,竞价软件,SEM营销

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

小鹿推广,竞价软件,SEM营销

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

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

卧龙

百度

点睛

搜狗

标签: 小鹿SEM营销
<< 上一篇

wordpress知更鸟主题修改文章底部分享点赞颜色–wordpress美化

下一篇 >>

wordpress知更鸟主题侧边导航菜单下方菜单宽度调整

相关资讯

关注公众号 获取更多干货资讯

400-998-8026