涂涂研版

  1. 涂涂研版首页
  2. 教程、积累

又折腾了，我把主页的置顶显示改成多置顶双排显示了。

雨夜 • • 教程、积累

    闲着没事，又开始折腾了。我把主页的置顶文章改为多置顶标题和摘要双排显示了，具体效果如下：

（以林肆的simline主题为例）

  • 首先把置顶模板b_article-istop.html里的内容修改了，我把所有的内容全部换成下面的代码。
 <div id="zd" >
   <div class="zdbt">【置顶】<a href="<#article/url#>" title="<#article/title#>"><#article/title#></a></div>
   <div class="zdzy"><#article/intro#></div>
  </div>
  • 修改主题的css文件。把之前的置顶相关的属性全部删除，换成下面的代码就可以了。
 /*置顶样式*/
#zd{width:49%;float:left; margin:3px;}
.zdbt{ font-family:"微软雅黑"，Verdana, Arial, Helvetica, sans-serif; font:bolder;  font-size:14px; line-height:21px; height:40px;}
.zdzy{  border:#999999 solid 1px;height:245px; min-height:245px; overflow: hidden ;  }
  • 重建文件就可以了。
  • 希望对你有帮助，我是新手，虽然有点小的东西，但是也算是一种成长，呵呵，谢谢。
  • 这里说下：在多置顶的情况下，最好把置顶的数目控制在偶数上（2，4,6,8....），在奇数的情况会出现下面的分一条跑到上面来，造成混排的现象。
赞 (0)
打赏 微信扫一扫 微信扫一扫
雨夜雨夜认证作者
64450

相关推荐

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请通知我们，一经查实，本站将立刻删除。


客服