欢迎访问,本站接受互联网网站仿站、功能定制、定制插件、主题,如果需要的话可以联系我 QQ:2283276927

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

雨夜 3866次浏览 0个评论

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

(以林肆的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....),在奇数的情况会出现下面的分一条跑到上面来,造成混排的现象。

涂涂研版版权所有,如未注明 , 均为原创,转载需注明出处。
发表我的评论换个身份
取消评论
表情

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

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

主题定制开发流程

ZBLOGPHP开发流程

联系我们