Categories


Tags


Z-Blog相关文章图文列表

之前很多平台都提供这样的插件,在文章的结尾出现一个相关文章列表,相关文章列表页都带有 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="<img class=""firstimg"" src=""" & ArticleFirstIMG & """/>"

Else

ArticleFirstIMG="<img  class=""firstimg"" src=""<#ZC_BLOG_HOST#>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模板,模板内容为

<li><a href="<#article/mutuality/url#>"><#article/mutuality/firstimg#></a><a  href="<#article/mutuality/url#>"><#article/mutuality/name#></a></li>

修改b_article-single.html模板,在适当的位置增加相关文章代码

<h4 id="mutualitybox"><#ZC_MSG231#></h4>

<ul class="related-posts">

<#template:article_mutuality#>

</ul>

然后重建文章即可,最终相关文章的展示样式参见下图所示。

来源:月光博客


Public @ 2012-02-24 15:44:59

mssql数据库在更换服务器时如何转移数据?

Mssql数据库强烈推荐跟网站放在同一个机房内,跨机房远程调用数据时会非常慢且不稳定。如果您的mssql数据库需要更换机房时,请按如下流程转移数据库的内容:1.升级前先对数据库做好备份:(升级过程中不要继续往原服务器中写入新数据)备份流程:登录管理中心>Mssql数据库>管理然后点“备份”,成功后点“下载备份”,即可将该bak格式的数据库备份下载到您本地的电脑上。2.升级:登录管理中心

Public @ 2017-10-08 15:46:43

中国虚拟主机市场调查

紫雨知道我在研究中国虚拟主机市场,给了我几个在讨论中国用户对外国虚拟主机的看法的网址,非常感谢。我最近确是都在研究中国虚拟主机市场,发现不少博客都有提到BlueHost,好像在中国使用外国主机的博客中还蛮流行。综合最近的市场调查,有以下几个初步感想。目标市场由于我们的专长在于Unix/Linux主机,所以应该暂不会考虑Windows主机市场。从开始研究中国虚拟主机市场,我就注意到中国用户似乎对Wi

Public @ 2022-11-16 16:00:48

Z-Blog多服务器平衡负载的方法

对于Z-Blog访问量比较大的时候,往往会造成服务器负载和流量过大,引起性能问题,相关的解决流量的对策我以前也讨论过,根据我的分析,不少流量都是由于图片或下载等引起的,因此可以通过将下载文件夹upload放在另外一台服务器的方法进行负载均衡。具体方法是,设定一个新的服务器网站地址(独立服务器或者申请的免费空间都可以),例如download.williamlong.info,在这个新服务器网站上建立

Public @ 2012-08-12 15:44:57

更多您感兴趣的搜索

0.535726s