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

xiu2.1开启聚合(随机、最新、热门)文章图片模式

用过 xiu3.2 主题的盆友肯定都知道,小工具聚合文章在 xiu2.1 的基础上增加了一个图片模式,陌小雨很是喜欢,可是对于爱折腾的陌小雨来说,破解加密的 xiu3.2 显然不适合,现在陌小雨教大家开启聚合文章(随机、最新、热门)的图片模式:

最新文章图片模式:
xiu2.1 开启聚合(随机、最新、热门)文章图片模式

 

热门文章图片模式:

xiu2.1 开启聚合(随机、最新、热门)文章图片模式

1、找到 xiu2.1 主题下的 style.css 文件,搜索.widget_postlist,将下面的代码:

.widget_postlist li a{border-bottom:solid 1px #eee;overflow:hidden;position:relative;display:block;font-size:14px;padding:8px 90px 8px 0;min-height:76px;}
.widget_postlist li a:hover{background-color:#F8FCFE;}
.widget_postlist .text{margin-top:1px;display:block;}
.widget_postlist .thumbnail{position: absolute;right: 0;top: 8px;}
.widget_postlist .thumbnail img{width:80px;height:60px}
.widget_postlist .text-muted{margin-right:20px;font-size:12px}
.widget_postlist .nopic li a{padding: 8px 0;min-height: 32px;}
.widget_postlist .nopic .text{margin-top:0;}

替换为下面的:

.widget_postlist{margin-right: -3%;overflow: hidden;}
.widget_postlist li{float: left; width: 47%;margin-right: 3%;margin-top: 3%;}
.widget_postlist a{position: relative;display: block;}
.widget_postlist img{height: 108px;width:100%;}
.widget_postlist .text-muted{display: none;}
.widget_postlist .text{display: block;position: absolute;top:120%;bottom: 0;left: 0;right: 0;padding: 4px 10px;background-color: #555;background-color: rgba(0,0,0,0.7);color: #fff;font-size: 12px;line-height: 16px;}
.widget_postlist a:hover .text{top: auto;bottom: 0}

2、打开modules文件夹下的widgets.php文件,搜索

<span class="thumbnail">

删除其中的

class="thumbnail"

即可。

让小雨知道,这篇文章帮到了你

展开阅读全文

评论 3

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

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. 幻杀博客
    表示还是没看到回复
  2. Aliyichu
    原来如此,感谢博主无私分享!回复

登录

忘记密码 ?

切换登录

注册