内容简介:之前很多平台都提供这样的插件,在文章的结尾出现一个相关文章列表,相关文章列表页都带有 1-10 张不等的缩略图,而我们独立博客却少有这样的插件,通常只有纯文字方式的相关文章列表,本文就介绍一下Z-Blog如何实现带图片的相关文章列表功能。先安装一个名为FirstIMG的插件,之后,修改zb_system/function/c_system_lib.asp文件的Export_Mutuality函数,开头增加一行 Dim ArticleFirstIMG在 strCC_Title=objArticle.Title
之前很多平台都提供这样的插件,在文章的结尾出现一个相关文章列表,相关文章列表页都带有 1-10 张不等的缩略图,而我们独立博客却少有这样的插件,通常只有纯文字方式的相关文章列表,本文就介绍一下Z-Blog如何实现带图片的相关文章列表功能。
先安装一个名为FirstIMG的插件,之后,修改zb_system/function/c_system_lib.asp文件的Export_Mutuality函数,开头增加一行 Dim ArticleFirstIMG
在 strCC_Title=objArticle.Title 一行的后面,增加如下代码:
ArticleFirstIMG=FirstImg_GetImgSrc(objArticle.Content)
If ArticleFirstIMG <> "" Then
ArticleFirstIMG=""
Else
ArticleFirstIMG="zb_users/PLUGIN/FirstIMG/NoImages.jpg""/>"
End If
之后在 strCC=Replace(strCC,"<#article/mutuality/name#>",strCC_Title) 后面增加一行
strCC=Replace(strCC,"<#article/mutuality/firstimg#>",ArticleFirstIMG)
之后修改模板的style.css文件,在文件结尾增加如下css
/* Related Posts */
ul.related-posts {
clear:both;
padding:0;
margin:10px 0px 0px 0px;
}
ul.related-posts li{
display:inline-block;
margin-left:5px;
padding:0;
text-align:center;
vertical-align:top;
width:195px;
}
ul.related-posts img{
background:#F7F7F7;
clear:both;
height: auto;
width:186px;
-moz-box-shadow:2px 2px 3px 1px #999;
-webkit-box-shadow: 2px 2px 3px 1px #999;
box-shadow:2px 2px 3px 1px #999;
}
ul.related-posts img:hover {
filter: alpha(opacity=50);
opacity: 0.5;
}
ul.related-posts a{
border:none;
clear:both;
display:block;
text-decoration:none;
}
ul.related-posts li{
font-size:12px;
overflow: hidden;
text-overflow: clip;
white-space: nowrap;
}
然后修改b_article_mutuality.html模板,模板内容为
修改b_article-single.html模板,在适当的位置增加相关文章代码
<#ZC_MSG231#>
然后重建文章即可,最终相关文章的展示样式参见下图所示。
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
猜你喜欢:本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
软件人才管理的艺术
Michael Lopp / 罗小平 / 人民邮电出版社 / 201008 / 35.00元
本书作者具有15年的硅谷人才管理经验,他在博客上发表了大量探讨软件人才的管理之道的文章,深受读者欢迎。本书素材取自他的博客文章,用深入浅出的语言,讲述发人深思的道理,具有很强的现实操作性。 本书分为三大部分:“管理的箭袋”、“过程就是产品”、“你的其他版本”。前两部分分别讲述了人员与产品的管理,第三部分除了讨论管理之外,还讲述了如何有针对性地准备简历和电话面试,来提高自己面试成功的几率。书中......一起来看看 《软件人才管理的艺术》 这本书的介绍吧!