天兴工作室

有些朋友觉得网站上的图片一成不变的没有感觉（包括本人在内），总想给图片加点特效什么的。今天本文就为大家分享这个“鼠标滑过图片变淡代码”，具体效果请看本站网页上的图片。

现在zblog分为zblogasp和zblogphp两个版本，这个代码在两个版本都通用，但是调用方法不太一样，给大家详细说明下：

先上代码：

<script type="text/javascript">
$(function () {$('img').hover(function() {
$(this).fadeTo("fast", 0.8);},
function() {$(this).fadeTo("fast", 1);});});</script>

先来说zblogphp的调用方法：

把这个代码加入到header.php文件里面，放置到</head>前面就行。然后刷新下后台，前台就可以看到效果了，非常简洁方便。

zblogasp则不能直接调用，必须新建一个js文件，复制下面代码：

$(function () {$('img').hover(function() {
$(this).fadeTo("fast", 0.8);},
function() {$(this).fadeTo("fast", 1);});});

js名字自己定义，举例我保存为tupian.js，js文件放在主题文件夹内的SCRIPT文件夹里面，然后在header.html里面加入“<script src="<#ZC_BLOG_HOST#>zb_users/theme/<#ZC_BLOG_THEME#>/script/tupian.js" type="text/javascript"></script>”放置到</head>前面就行，然后文件重建，前台就可以看到效果了。

很多朋友在做站的时候都喜欢加入这种右侧跟随滚动模块代码，跟随滚动这一块的内容得到了更多的展示，天兴工作室之前做模板的时候也遇到很多这种，用了各种各样的方法，后来还是觉得卢松松博客的那个跟随滚动的代码比较简单点，今天就吧方法贴出来，希望可以帮助到有需要的朋友。

一共有三个部分的代码，css、js和html

在html需要加入跟随滚动的地方加入以下代码：

<div id="box">   
<div id="float" class="div1">     
这里写你网站的代码与标签    
</div>   
</div>

css部分代码，加入到你网站的css里面：

/*侧栏跟随*/   
#box{float:left; position:relative;width:250px;}
.div1{width:250px;}
.div2{position:fixed;_position:absolute;top:0;z-index:250;}

宽度自己随意调整，其他东西不要动，

js部分，把以下js代码加入你网站所调用的js里面也行，直接写入到html里面也可以：

//侧栏跟随    
(function(){    
    var oDiv=document.getElementById("float");    
    var H=0,iE6;    
    var Y=oDiv;    
    while(Y){H+=Y.offsetTop;Y=Y.offsetParent};    
    iE6=window.ActiveXObject&&!window.XMLHttpRequest;    
    if(!iE6){    
        window.onscroll=function()    
        {    
            var s=document.body.scrollTop||document.documentElement.scrollTop;    
            if(s>H){oDiv.className="div1 div2";if(iE6){oDiv.style.top=(s-H)+"px";}}    
            else{oDiv.className="div1";}        
        };    
    }    
})();

好了，大功告成，自己再美化调整下，以融入自己的网站里面去就完成了。

之前天兴工作室用的是美橙互联的虚拟主机，某日突然接到美橙互联的通知说是要做公安备案（公安备案！ 做个网站怎么那么难？），公安备案提交3天了还是显示待审批，但是站已经被关掉了，无奈换了个空间，于是就开始了zblogphp版网站搬家的历程，搞完后总结了下写个教程希望能帮助到有需要的朋友。

1、用ftp软件把老版网站的所有文件下载至本地，登陆到老版网站sql数据库进行备份导出（主机提供商一般是提供数据库备份导出功能的）得到一个sql后缀名的数据库文件，同样下载到本地。

2、用ftp软件把老版网站的所有文件上传到新版网站内，ok了，接着是比较难一点的数据库部分。

3、数据库部分注意：如果你老版网站的数据库是单独的，那么不需要任何修改，如果是和空间一起的，那么就需要设置数据库了。数据库步骤如下：

登陆新版网站数据库管理页面，导入老版网站下载下来的数据库文件，然后是最重要的修改数据库连接页面：用ftp软件打开“/zb_users/c_option.php”文件（最好是用ftp自带的编辑功能编辑，下载到本地再编辑也可以，但是一定要注意编码格式要正确，zblog的编码是utf-8），我们要修改的地方如下：

  'ZC_MYSQL_SERVER' => '修改为数据库地址',
  'ZC_MYSQL_USERNAME' => '修改为数据库账号',
  'ZC_MYSQL_PASSWORD' => '修改为数据库密码',
  'ZC_MYSQL_NAME' => '修改为数据库名称',

修改后保存，整个搬家过程就大功告成了，如果还有什么疑难杂症也欢迎在页面下方评论，有时间我回一一回复的。

php比asp好的地方就在这些小细节的位置，之前写过的“ zblogphp调用文章缩略图的方法”和本文的“zblogphp清除摘要代码并控制字数的方法”都属于php的优势了吧。

闲话不多说，上代码：

{php}$intro= preg_replace('/[\r\n\s]+/', '', trim(SubStrUTF8(TransferHTML($article->Intro,'[nohtml]'),100)).'...');{/php}
{$description}

Ps：经网友提醒换上一个zbp1.4还能用的代码...

这段代码加在模板的template文件夹内的post-multi.php里面代替原来的{$article.Intro}，字数控制请修改阿拉伯数字“100”，这样出来的摘要就是没有html代码的纯文字还控制了字数，相当完美。特别适合图文混排的列表方式。

补充另外一种情况，如果文章摘要里面的字太少了不够怎么办？我们可以用调用文章正文来解决此问题，代码如下：

{php}$intro= preg_replace('/[\r\n\s]+/', '', trim(SubStrUTF8(TransferHTML($article->Content,'[nohtml]'),100)).'...');{/php}
{$description}

期待zblogphp的更加强大！

本文转载自“toyean”，原文地址：点击进入，个人觉得非常有用，给了32个赞后转载过来，以备不时之需。

日志调用：

评论调用：

标签调用：

YTCMS 2.0常用语法技巧

调用一条置顶文章摘要里面的第一张图片：

{YT:Article DataSource="GetArticleTop(1)"}
{$MiniTu_Build(article.title,article.intro,article.url)}
{/YT:Article}

调用一条置顶文章内容里面的第一张图片：

{YT:Article DataSource="GetArticleTop(1)"}
{$MiniTu_Build(article.title,article.content,article.url)}
{/YT:Article}

调用分类目录名：

<!--YT调用分类 前6个，想调用几个 就改下面的6-->
{for i=1 ubound(Categorys)}
{if Categorys(i).ParentID = 0}
<li class="linav"><a href="{$Categorys(i).Url}">{$Categorys(i).Name}</a></li>
{/if}
{if i=6}{eval exit for}{/if}
{/next}
<!--YT调用分类 End-->

取正文前80字去掉HTML代码后的一个描述：

<meta name="description" content="{eval set art = new TArticle}{if art.LoadInfoByID(<#article/id#>)}{$left(replace(TransferHTML(art.Content,"[nohtml]")," ",""),80)}{/if}{eval set art = nothing}" />

限制摘要文字在100字以内，多余部分用省略号显示：

{eval set art = new TArticle}
{if art.LoadInfoByID(<#article/id#>)}
{$left(replace(TransferHTML(art.Content,"[nohtml]")," ",""),100)}
{/if}
{eval set art = nothing}...

或使用以下代码：

{$left(replace(TransferHTML(Article.intro,"[nohtml]")," ",""),100)&"..."}

指定前三篇文章样式的YTCMS代码：

{eval i=0}
{YT:Article....}
{if i=0}
这是第一篇文章第一种样式
{/if}
{if i=1}
这是第二篇文章第二种样式
{/if}
{if i=2}
这是第三篇文章第三种样式
{/if}
{if i>2}
这是第N篇文章第N种样式
{/if}
{eval i = i + 1}
{/YT:Article}

调用大分类ID为1的小分类列表：

{eval aryCateInOrder=GetCategoryOrder()}
{if isArray(aryCateInOrder)}
{for i=lbound(aryCateInOrder)+1 ubound(aryCateInOrder)}
{if Categorys(aryCateInOrder(i)).ParentID=1}
<li class="cat-item cat-item-3"><a href="{$Categorys(aryCateInOrder(i)).Url}">{$Categorys(aryCateInOrder(i)).Name}</a></li>
{/if}
{/next}
{/if}

常用日期格式：

{$Year(Article.PostTime)&"年"&Month(Article.PostTime)&"月"&Day(Article.PostTime)}日

年{$year(Article.PostTime)}

月{$month(Article.PostTime)}

日{$day(Article.PostTime)}

时{$hour(Article.PostTime)}

分{$minute(Article.PostTime)}

秒{$second(Article.PostTime)}

显示N个随机标签，如显示5个，请将下面的N改为5，或者可将N设置为<#TEMPLATE_INCLUDE_TAGSNUM#>，方便在后台主题插件中修改：

{eval i=N}
{if i>0}
{YT:Tag DataSource="GetTagListsRandomSortRand(i)"}
<a href="{$Tag.HtmlUrl}">{$Tag.HtmlName}</a>
{/YT:Tag}
{/if}

调用子分类，将代码中的0改成你当前的分类ID即可：

{if Categorys(aryCateInOrder(i)).ParentID=0}

ZBlog二级下拉菜单代码：

<ul>

{eval aryCateInOrder=GetCategoryOrder()}

    {if isArray(aryCateInOrder)}

    {for i=lbound(aryCateInOrder)+1 ubound(aryCateInOrder)}

    {if Categorys(aryCateInOrder(i)).ParentID=0}

          <li><a href="{$Categorys(aryCateInOrder(i)).Url}">{$Categorys(aryCateInOrder(i)).Name}</a>

          <ul class="ul-subcates">

    {for j=lbound(aryCateInOrder)+1 ubound(aryCateInOrder)}

    {if Categorys(aryCateInOrder(j)).ParentID = Categorys(aryCateInOrder(i)).ID}

            <li><a href="{$Categorys(aryCateInOrder(j)).Url}">{$Categorys(aryCateInOrder(j)).Name}</a></li>

    {/if}

    {/next}

          </ul></li>

    {/if}

    {/next}

    {/if}

</ul>

Zblog2.0实现24小时内发布的文章加new图标的方法：

{YT:Article DataSource="GetArticleRandomSortNew(7)"}
<li><span class="you">{$month(Article.PostTime)}月{$day(Article.PostTime)}日</span>[ {$Categorys(Article.CateID).HtmlName} ]  <a href="{$Article.Url}">{$Article.HtmlTitle}</a>
{if (DATEDIFF("h",Article.PostTime,now()) < 24)} <img src="/zb_users/THEME/主题名称/STYLE/images/new.gif" border="0" />{/if}</li>
{/YT:Article}

注意，红色部分是NEW图片地址，你可以进行修改，另外，{if (DATEDIFF("h",Article.PostTime,now()) < 24)} 这段函数里面的24表示24小时内的文章，可以改成你想要的任何数字，最后上面的样式根据现有项目酌情修改。

YTCMS 1.8常用语法示例

YT.CMS使用的格式为：

<YT:类型 DataSource="数据源">
循环体
</YT>

类型包括：

示例1：

此示例调用类型为日志,且调用的数据源为最新文章,调用10条.

<YT:Article DataSource="GetArticleRandomSortNew(10)">
<a href="<#article/url#>"><#article/title#></a>
</YT>

示例1支持的内置数据源

示例1循环体内支持的标签

示例2:

此示例调用类型为评论,且调用的数据源为最新回复列表,调用10条,调用类别为1,文章类型可在后台分类中获取.

<YT:Comment DataSource="GetCommentCategorysComments(10,1)">
评论：<a href="<#article/comment/commenturl#>"><#article/title#></a>
</YT>

示例2支持的内置数据源

示例2循环体中支持的标签

示例3：
此示例调用类型为标签,且调用的数据源为标签列表,调用8条.

<YT:Tag DataSource="GetTagLists(8)">
关键字调用：<a href="<#article/tag/url#>"><#article/tag/name#></a>
</YT>

示例3支持的内置数据源

示例3循环体内支持的标签

调用模型标签：

<#article/model/字段名#>

如果模型字段为title，则调用标签为：<#article/model/title#>

调用指定分类：

<YT:Cmd DataSource="SELECT 1">//数字1为调用分类数，无需修改

分类链接：<#eval/Categorys(1).HtmlUrl#> //将括号中的1改为分类ID

分类名称：<#eval/Categorys(1).HtmlName#> //将括号中的1改为分类ID

分类别名：<#eval/Categorys(1).Staticname#> //将括号中的1改为分类ID

</YT>

调用指定分类下的N篇文章：

<YT:Article DataSource="GetArticleCategorysLimit(5,3,'1')">

括号中的5为调用5篇文章。

括号中的3为分类文章索引值，即忽略前三篇文章，从第4篇文章开始调用；如果从第N篇文章开始调用则填N；该参数不能为0。

括号中的1 为分类ID，查询分类ID请查看zblog后台&ldquo;分类管理&rdquo;中分类前的ID数字。

</YT>

调用指定标签下的N篇文章：

<YT:Article DataSource="GetArticleTag(5,1)">

括号中的5为调用5篇文章。

括号中的1为ID为1的Tags，查询TagsID请查看zblog后台&ldquo;分类管理&rdquo;中Tags前的ID数字。

</YT>

调用全站置顶文章：

<YT:Article DataSource="GetArticleTop(3)">

该代码实现YT调用全站的前3篇置顶文章。

</YT>

调用分类置顶文章：

<YT:Article DataSource="GetArticleCategoryTop(10,'1')">

该代码实现YT调用分类ID为1的前10篇置顶文章。

</YT>

调用单篇文章：

<YT:Article DataSource="GetArticleModel('1')">

该代码实现YT调用ID为1的文章。如企业站首页调用关于我们模块，则需调用关于我们文章的ID即可。

</YT>

控制显示输出文字的个数：

<YT:Article DataSource=" GetArticleCategorysLimit (5,3,'1')">

注释：控制文章标题的显示个数是用{left:N}，N为输出的字符数，如果将标题控制在10个字符，则为：{left:10}。

<li><a href="<#article/url#>" target="_blank"><#article/title{left:10}#></a></li>

</YT>

标签页与留言页调用文章链接、标题、摘要以及首图无效时，请使用以下标签进行调用。

文章标题：<#eval/row(2)#>

文章摘要：<#eval/row(3)#>

文章链接：<#eval/row(10)#>

文章首图：<#eval/row(11)#>

使导航上的分类显示指定个数，超出则不显示。（注：不能在include文件夹下的文件使用，否则失效，此方法容易造成新建分类提示下标越界的错误并且停用YT.CMS插件容易造成数据清空，请谨慎使用。）

<YT:Cmd DataSource="select top 6 * from blog_Category order by cate_Order asc">

<li><a href="<#eval/Categorys(DataSource(0,i)).HtmlUrl#>"><#field/cate_Name#></a></li>

数字6为调用分类的个数，超出6个分类则不显示。

<#eval/Categorys(DataSource(0,i)).HtmlUrl#> 为分类的链接

<#field/cate_Name#> 为分类的名称

<#field/cate_Intro#> 为分类的别名

</YT>

利用YT.CMS调用某个用户的所有文章

<YT:Cmd DataSource="select * from blog_Article WHERE log_AuthorID=作者ID order by log_PostTime asc">

<li><#field/log_Title#></li>

</YT>

使用YT的Cmd模式

红色部分是替换为用户ID即可，

蓝色部分是字段名，如果需要其它字段自行查询数据库进行替换即可。

zblog搜索结果页面的调用的默认页面，出来的效果很多朋友都觉得很不美观，但是zblog从2.0后就吧搜索模板改成了可选的了，要修改也没有办法修改，天兴工作室为大家介绍下怎么制作zblog的搜索模板。

zblogasp版本的搜索页面可以用以下三个模板组成：

search.html：搜索页面整个页面的模板

b_article-page1.html：搜索页面结果模板

b_article-search-content.html：搜索页面结果内容模板

它们的关系是这样的，b_article-search-content.html是搜索出来的结果按条显示，b_article-page1.html就是把b_article-search-content.html框起来的，search.html是搜索页面出来的页面。

上下代码吧，search.html：

<#TEMPLATE_HEADER#>
<div id="place">当前位置：<a href="<#ZC_BLOG_HOST#>">首页</a> &gt; <#BlogTitle#></div>
<div id="content">
<div id="left">
<#template:article-page1#> 
</div>
<div id="rigth"><#TEMPLATE_SIDEBAR#></div>
</div>
<#TEMPLATE_FOOTER#>

b_article-page1.html：

<dl id="info">
<dd id="tlite"><h1><#article/title#></h1></dd>        
<dd id="zi"><#article/content#></dd>
</dl>

b_article-search-content.html：

<dl id="lieb1">
<dd><h2><a href="<#article/url#>"><#article/title#></a></h2>
<div><#article/intro#></div>
<small>发布于:<#article/posttime#>  浏览:<span id="spn<#article/id#>"></span>
<script  type="text/javascript">strBatchView+="spn<#article/id#>=<#article/id#>,"</script>次 <#article/commnums#>人评论</small></dd></dl>

大家可以根据自己需求调整css，最终会出来一个美观的搜索结果页面的。也可以联系我们的在线QQ：1109856918付费定制。

之前给大家介绍过zblogasp版的“ zblog让导航突出显示当前页链接栏目”，zblogphp版的不太一样，给大家介绍下我的想法。

还是借鉴了zbp的“metro”主题，谢谢主题作者新鲜人，这个方法是用js来判断当前页然后加上一个css。具体做法如下：

先加上一段js代码，js代码可以加在模板文件里面，也可以加在模板调用的外部js文件里面，代码如下：

$(document).ready(function(){ 
    var s=document.location;
    $("#nav a").each(function(){
        if(this.href==s.toString().split("#")[0]){$(this).addClass("on");return false;}
    });
});

注意要修改#nav a这部分，修改#nav为你自己导航的id属性。

然后在css文件里面新增一句：

#nav ul li a.on{background:#ff6f3d;color:#fff;}

同样的修改#nav为你自己的导航属性，背景颜色和字体颜色自行修改。

全部保存然后上传替换就ok了，注意：这个方法只针对首页 列表页有效，文章页面无效。

ps:现在zblogphp出来了一个seo插件，更方便了解决了此问题，所以请大家直接阅读”zblogphp的seo插件：标题SEO“即可。

可能很多朋友都习惯网站架设好后就去设置网站的关键词和描述这些seo步骤，天兴工作室之前为大家介绍过zblogasp添加关键词描述的方法：    zblog增加修改网站关键词、描述（description、keywords）的方法，本文给大家说下zblogphp添加关键词、描述的方法。

zblog的官方wiki给出了这样的答案：

{php}
        if($type=='index'){
                $keywords = $zbp->option['ZC_BLOG_SUBNAME'];
                $description = $zbp->option['ZC_BLOG_COPYRIGHT'];
        }elseif($type=='category'){
                $keywords = $category->Name;
                $description = $category->Intro;
        }elseif($type=='article'||$type=='page'){
                $aryTags = array();
                foreach($article->Tags as $key){
                        $aryTags[] = $key->Name;
                }
                if(count($aryTags)>0) $keywords = implode(',',$aryTags);
                $description = preg_replace('/[\r\n\s]+/', '', trim(SubStrUTF8(TransferHTML($article->Content,'[nohtml]'),100)).'...');
        }{/php}{if isset($keywords)&&strlen($keywords)>0}<meta name="keywords" content="{$keywords}" />{/if}{if isset($description)&&strlen($description)>0}<meta name="description" content="{$description}" />{/if}

这种方法是调用zblog的自带标签，例如调用后台的网站副标题什么的，自定义化程度不是很高，而且不会php的朋友也完全理解不了和改动不了。天兴工作室给大家介绍一个方法，其实和zblogasp版本的方法差不多的。步骤如下：

1、找到你正在使用的主题模板文件夹，我们以zblogphp默认的主题为例，打开“default”→“template”，里面有一个“header.php”我们打开后复制全部代码。

2、新建一个“header1.php”文件把刚才复制的代码全部粘贴进去，然后在“<title>{$name}-{$title}</title>”这一行下增加关键词和描述代码：

<meta name="description" content="描述" />
<meta name="keywords" content="关键词" />

修改成你自己的关键词和描述后保存。

3、打开“index.php”文件，修改第一行代码“{template:header}”为“{template:header1}”，保存，用ftp软件上传修改后的文件。后台刷新，前台即可看到效果。

注意：以上3个步骤修改的是网站首页的关键词描述，列表页和内容页的关键词描述可以按照修改头部文件适配对应文件的思路自行修改即可。

zblogphp版想在网站右侧调用网站的最新评论，用zbp自带的调用代码“{module:comments}”得到的结果是调用出最新评论的内容，用<li></li>封装的，想要个性化点怎么办呢？用ytcms可以解决。

ytcms中的模块可以直接调用评论内容的，详细如下图：

字段中我们可以选择的有评论的内容、名称等等，本文重点给大家说下评论头像怎么调用，在ytcms默认的字段中是没有头像这个选项的，我个人先尝试用内容出来的代码替换下“{$Article.Author.Avatar}”，结果出来是出来了，但是出来的全部都是博主本人的gravatar头像，在向ytcms的作者求助后，得到了如下答案：

ytcms调用评论头像的代码为：

{if $zbp->members[$Comment->AuthorID]}
{$zbp->members[$Comment->AuthorID].Avatar}
{else}
http://demo.txcstx.cn/zb_users/avatar/0.png
{/if}

上面代码的意思为：如果评论者有gravatar头像则直接调用其gravatar头像，如果评论者没有申请gravatar头像的时候则调用下面那个“http://demo.txcstx.cn/zb_users/avatar/0.png”的图像。大家可以根据自身需求修改这个图片地址，还有一点，这个代码出来的结果是一个图片地址，要把它加入到<img src="">里面，这样就大功告成了。

zblogphp出来有段时间了，近期在调试zblogphp模板的时候有一些心得，分享出来希望对大家有所参考。

本文分享的是：zblogphp调用文章缩略图的功能。

虽说zblog只是个博客系统，但是像zblog这种系统只用来做博客就有点大材小用了，做cms都毫无压力，做cms最常面对的功能就是那几个，总要做的像cms才行，列表页左缩略图右文章摘要就是标配了。

zblogphp调用文章缩略图现阶段有两个方法：

第一：购买“KandyPicasa”插件，10元一份，好处是设置简单，代码调用也方便；缺点是好像有点拖慢速度，我安装了此插件后觉得网站打开速度变慢了点。

第二：直接用zblogphp的原生代码，代码如下：

<img src="{php}$pattern="/<[img|IMG].*?src=[\'|\"](.*?(?:[\.gif|\.jpg|\.png]))[\'|\"].*?[\/]?>/";
$content = $article->Content;
preg_match_all($pattern,$content,$matchContent);
echo $matchContent[1][0];
{/php}" />

这些代码前台编译出来的html代码就是：<img src="图片地址">，可以加在任意想调用的地方。

此方法的优点：由于是zblogphp本身的代码，所以对速度没有影响；缺点就是这个代码只能默认调用文章内的第一张图片，如果你的文章内没有图片的话，那就悲剧的什么都不显示了。所以这个方法只适用于每篇文章都习惯配图的朋友使用。当然这个代码可能会在后期有所更新，一起来期待zblogphp版强大的开发团队们吧。