Z-blog技巧之留言填写邮箱后立即显示头像

ZBLOG教程 十五楼的鸟儿 867浏览 0评论

副标题---我不下地狱,谁下地狱。

本来类似的东西之前非常有规划的整理过,但是一直都在等zblog1.9问世才打算弄,不过目前看...1.9遥遥无期...所以还是拿出来晒晒,不然该长霉了。当然,我也只是个User,基本上这些东西,我都是搬来别人的,代码里会有显示作者。

不是什么很难的技巧,一周放出1到2个,也算是让我这快长草的博客恢复一下生机。

函数库篇:

首先你需要下载这个文件:右键另存为到本地,然后上传到你博客里随便一个地方。

模板文件single.html中,将这个js脚本很好的引入,HTML5的话,这样写就可以了:
[CODE=html]
[/CODE]

函数调用篇:

下面这段代码随你怎么放,放在默认的/script/common.js里一般就可以,或者你放在上面那个js里也应该没问题。

[code=js]
//Gravatar Now!此函数来自 HP esloy.com
function getGravatarNow(){
var emailMD5=hex_md5($("#inpEmail").val());
var $obj=$("#gravatarNow>img");
$obj.attr("src",$obj.attr("src").replace(/avatar\/[^?]*\?s=/i,"avatar/"+emailMD5+"?s="));
}
[/code]

函数对象篇:

然后你需要修改模板文件b_article_commentpost.html,找一个合适的位置,添加以下代码:
[code=html]

Z-blog技巧之留言填写邮箱后立即显示头像 ZBLOG教程
[/code]

代码中SRC=的其中的参数我就不解释了,自己看官方文档,那段可以换成自己的喜欢的默认头像。

函数触发篇:

还是这个文件b_article_commentpost.html,你需要找到这样一行,在默认主题里是这么写的:
[code=html]

[/code]

加上函数触发语句之后变成这个样子,你可以选择直接替换,如果你的这句话里没有特殊内容的话。
[code=html] [/code]

如果想让这个函数触发再稍微完美一点点,你需要在common.js中加入这段脚本:
[code=js]
$(document).ready(function(){
getGravatarNow();
});
[/code]

这几步都做好之后,你需要来一个文件重建才能看得到效果。因为你的主题中不会有对于#gravatarNow的CSS定义,所以你还需要适当修改你的CSS,以实现美观的效果。

所谓网页页面之美化特效,大多离不开本文中的几步:1-引入特效库,2-引入子函数,3-设置好函数要操作的对象,4-让函数在某个动作下触发生效。


转载请注明:鸟儿博客 » Z-blog技巧之留言填写邮箱后立即显示头像

游客
发表我的评论 换个身份
取消评论

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

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

等待大佬打赏中~