⚠️
秋叶资源网上的部份代码及教程来源于互联网,仅供网友学习交流,未经秋叶作者或上传书面授权,请勿作他用。
若您的权利被侵害,请联系站长 QQ: 550601163 或 点击右侧 私信:秋叶 反馈,我们将尽快处理。
低调朴实的双按钮引导卡片

秋叶资源网 by Qiuye

【简版案例链接】灰常简单

释放双眼,带上耳机,听听看~!

预览图:

【简版案例链接】灰常简单-曾经到临过沧海

【简版案例链接】灰常简单

【简版案例链接】灰常简单-曾经到临过沧海

【简版案例链接】灰常简单

  .jinsom-case-menu {position: absolute;}
  .jinsom-case-content.clear{background: #fff;padding: 20px 20px 10px 120px;min-height: 800px;}
  .jinsom-case-content.clear:before{position: absolute;content: "";border-left: 1px solid #e2e8f0;height: 100%;z-index: 9;top: 0;left: 100px;}
  .jinsom-case-content li {padding: 10px 15px;border: 1px solid #eee;width: calc((100% - 30px)/3);}
  .jinsom-case-content li:hover {box-shadow: none;transform: translateY(-1px);}
  .jinsom-case-content li:nth-child(4n+0) {margin-right: 15px;}
  .jinsom-case-content li:nth-child(3n+0) {margin-right: 0;}
  .jinsom-case-menu li {margin-bottom: 0;border-radius: 0;margin-right: 0;float: none;}
  .jinsom-case-menu li.on:hover{background: #05f;color: #fff;}
  .jinsom-case-menu li:hover{background: #fff;color: #05f;}
  .jinsom-case-menu li.on:after, .jinsom-case-menu li:hover:after{display: none;}
  .jinsom-case-avatar,.jinsom-case-avatar a{width: 50px;height: 50px;}
  .jinsom-case-avatar{position: relative;float: left;margin-top: 12px;background: #e2e8f0;border-radius: 50%;}
  .jinsom-case-avatar a{border-radius: 50%;}
  .jinsom-case-info{float: left;width: calc((100% - 50px));}
  .jinsom-case-visit{display: none;}
  .jinsom-case-name {line-height: initial;padding-top: 7px;padding-right: 0;padding-bottom: 0;}
  .jinsom-case-desc {padding-right: 0;height: 45px;}

 

人已赞赏
LightSNS

【简版论坛板块】简洁清新

2020-5-20 17:58:11

LightSNS

【简版个人中心】适合做轻论坛

2020-5-20 18:01:23

免责声明 秋叶资源网的资源均来自于互联网,仅为资源共享、学习参考之目的,其版权均归原作者及其网站所有。
如有侵权烦请发送邮件至:qiuyegen@qq.com
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
有新消息 消息中心
搜索
WordPress美化 - Npcink