^ 回到顶部
  • 人生没有定律,每个人都有自己的节奏
  • 若文中代码有问题,可能是少了几个问号,留言一定会解决!
  • 希望你的坚持,都是因为热爱,而不是因为不甘心
  • 站点文章结尾新增了赞赏通道
  • 那些不愿意让你吃亏的人,才是真正值得你深交的人,也是值得你付出时间的人

xiu主题修改缩略图到左侧

xiu 主题修改缩略图到左侧这个功能拟在下次主题更新的时候加上,详见:Xiu 主题更新到 4.0 了,取消加密和域名授权

对于急于想要把缩略图改为左侧的朋友来说,陌小雨先分享一个手动修改的办法:

最终效果如下图:

xiu 主题修改缩略图到左侧

 

发布时间去哪了?陌小雨用一个动画来演示:

xiu 主题修改缩略图到左侧

需修改的 css:

style.css 第 749 行:

.excerpt .focus{position:relative;margin:10px 0px 0 -6px;overflow: hidden;}

style.css 第 767 行:

.excerpt-one .focus{float: left;width: 25.3%;margin-top: 5px;}

style.css 第 770 行:

.excerpt-one .note{margin-left: 25.3%;}

style.css 第 782 行:

.excerpt p{margin-bottom: 0;margin-left:25.3%;}

需增加的 css:

.excerpt-multi .note{margin-left:0;}
.excerpt-multi .text-muted views{margin-left:0;}

细微地方自己再根据需要调整了,实在不会的或者需要上述 gif 图效果的请移步:有偿服务

历史上的今天:
让小雨知道,这篇文章帮到了你

展开阅读全文

评论 3

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. boke112导航
    这个左右对调应该还是挺简单的回复
    • 陌小雨网站管理员
      @boke112导航 恩,因为有几个输出样式,且要做到手机端的协调,对于小白来说还是有一丢丢困难。回复
  2. 4inlove
    没更新主题?主题自带啊!回复
    • 陌小雨网站管理员
      @4inlove 这个还真不知道,你喜欢缩略图在左边还是在右边回复

登录

忘记密码 ?

切换登录

注册