用上Js的页面载入效果已经有很多种了,这里说的是打开本页的一个缓冲特效,渐显的载入效果,适用于比较简单的主题。这个应该是我先用上的吧,算是原创?因为发现有人已经用了,反正也很简单,赶紧拿出来凑凑数。
css部分
#container{opacity: 0;}
#container是包括整个页面的的div。没用body,因为body还用了背景图,这样看着比全黑的舒服点。
先载入jQuery,只需下面一行代码就可以:
$('#container').animate({ opacity: '0.87' }, 2000);
解释:#container同上,opacity: '0.87' :0.87是透明度,如果不是我这种半透明的主题,改成1就好,最后的”2000“是载入时间,这里是2s内透明度改变完成。注意:此效果只针对非IE浏览器。
顺便说下,由于主题部分给透明了,要是不支持js的看不见内容,比如搜索引擎的缓存就只能看见背景,用判断搜索引擎的php函数可以解决这个问题。比如:
<div id="container"<?php if(!is_bot()){ echo ' style="opacity:0;"';}?>>
哦,对了,demo就刷新一下看看
推荐一个好用的chrome插件,能实现非常漂亮的google reader界面,叫做google reader wall。把所有feed放在一个图片墙里,缩略图是自动读取feed文章中的图片。功能还包括与reader同步,方便的twitter/facebook/buzz分享,自动后台更新feed,速度也很快,支持快捷键,一键设置已读。另外,还有Android版本的!
下面是我订阅的博客墙…上面有不和谐的分类已屏蔽(点击放大)
chrome扩展中心下载地址
最近发现chrome扩展开发很给力,前途很好啊,已转移到chrome上了,要是标签管理再方便点就好了。firexfox还要加油..
昨天晚上上了火车去北京,44小时的特快硬座火车,往返都做了四次了,郁闷。没钱只能撑过去了,期待这次不能太挤。今年对我来说是个火车年,来来去去差不多怕过了一万公里了吧,奔波倒不怕,可怕的是没啥目的,没有结果。不过还好,我花了一年时间,来修正自己的人生道路,不管前路是不是正确,总之是有一个确定的目标,要向前看~
到处漂泊,又有好久没回家了,什么时候才有自己的家呢?孑孓一人,四海为家,这就是目前的状况,应该还能持续七八年。
有个小窝的就不错了,但是更多的时候时随遇而安,哪怕是上面这样的草窝也能忍受。最不能忍受的,最怕面对的,最不可原谅的还是自己。三毛说要好好对待自己,跟自己相处,也是一个朋友…我不觉得能自恋到这种程度,有时候真想以肉身痛苦换取精神上的专注,苦行僧大概是的吧。
火车上继续无聊,继续掏手机看小说,继续睡觉,不怕没电,两手机四块电池,应该够了。
新主题W1通过css3和xhtml1.1验证,撒花庆祝。以前自己胡乱折腾玩,也不注意这些规范,反正只要能用就行。现在稍微熟悉了点,试试标准化代码。除了以前的旧文章可能有些代码不规范,应该差不多都通过了。
因为用了一些css3的私有属性,导致不能通过验证,学习willin的A9主题做法,把-moz、-webkit的box-shadow、borde这些私有属性放到js里面输出,这样css3就不是问题了。
同时狠狠的压缩了一把js,除了jQuery框架剩下一大坨js,加起来快50kb了,找了几个压缩js的工具,先试了下用了yahoo的Yuicompressor,可没找到有好用界面的工具,懒得装JAVA,又用了google的closure-compiler,一个在线api:地址 。closure-compiler这个还能缩短函数、变量名进行优化,据说比前者更好。主题js:48kb->35kb(closure-compiler+pack)->12kb(gzip),差不多。
现在W1在IE7、IE8、firefox、chrome下表现良好,IE6。。惨不忍睹。。我看还是算了吧,准备直接转向到默认模板去。我直接承认技术不行,IE6用户我服了你了。。。
目前的功能包括:
ajax评论提交,ajax搜索,ajax无限翻页,ajax评论分页,ajax侧栏最新评论+回复,ajax随机一句话,ajax首页分类归档效果。
首页home.php顶部slider,前三篇是最新文章,最后一个是随机文章(测试发现晒晒老文章效果还不错,给以前旧文重见天日的机会),用了三次循环
背景早/中/晚自动切换,主体部分半透明淡入效果
记录cookie的邮件表单,读者墙友情链接,wordpress随机欢迎词,访客最近评论次数,首页提取文章缩略图(随机配图),评论框格式化编辑器(来自QIQIBOY)
评论无限嵌套,非线性缩进+头像变小,楼层区分主评论和地下室,提示沙发、板凳、地板,逆序的留言板(来自zww)…一些小功能就不提了
还想增加点东西,没事就调试下,因为我给js、css、图片都设置了一个月的缓存,为了不影响访客的体验,我给js和css链接尾部都加上了时间戳,设置的是文件的修改时间,这样每次修改后因链接地址不同浏览器会自动更新,不用再强迫访客刷新缓存了。
如果访问的时候突然出现什么问题,有可能是我正在折腾…
最后,这个单栏样式参考了一个国外的模板(不是WP),我对美工不感兴趣,也懒得学PS,所以到处“参考参考”,有兴趣的淫找找看?
来自QiQiboy的边栏最新评论及ajax回复,简单说,就在侧栏ajax显示最新评论的基础上添加了回复功能。mg12的wp-recentcomments大家都很熟悉,但对于博主来讲,最重要的除了查找新的评论,还有及时回复访客。后台回复不支持无限嵌套和添加@评论者,前台一条条查找最新评论太麻烦,特别对于评论较多的博客。而WP RC Reply AJAX(wordpress recent comments reply ajax)在很大程度上解决这个问题:博主只需前台翻页-回复-再翻页-再回复,ajax免刷新,重复这个流程评论一条不漏。
附加功能很强大:ajax提交评论,完美支持无限嵌套,隐藏老访客信息,支持widget小工具。
我用的是非插件的修改版,去掉了后台,整合了js,把一些我不需要的功能移除了,效果可见首页右下角。对于偷懒的博主,这个插件应该有~
在QiQiboy他那里拿了很多东西,包括评论框格式化的编辑器,方便插入代码。那里还有一个little wp to twitter插件,发送WP更新到推特,也很好用,有兴趣的过去看看~
PS:这淫特喜欢“自杀”,召唤大家去他家抢sf,拯救他吧~
这不是一般的统计,准确的说,这是给留过言的朋友用的。在我看来留言交流是一种方式,但我想知道最近有哪些朋友过来过,哪些来了在潜水。。。前几天正好crossyou写了一篇文章关于如何显示在线博友的,思路很好。我在网上找了一段php+xml显示在线人数的方法,将其用到wordpress里面,基本原理还是根据保存的cookie,把来访的博友信息读出来放到一个地方保存,需要时取出来。没用到数据库,ajax也省略了,效果最初是展示目前博客在线的(非bot)访客信息,留言有cookie的显示头像和网址,对没有留言的显示匿名网友和IP地址。
好像有人反映太邪恶了点,没有留言的就显示IP给大家看,这个还是撤掉了。我又换了另一种,就是只显示留言过的朋友访问信息,刷新按时间先后,比较像XX空间,淫淫网之类的“谁看了我”功能。
废话不说了,上代码:
<?php function online(){ $Now=time()+(60*60*get_settings("gmt_offset")); //服务器时间不同 $FileName= TEMPLATEPATH.'/view.xml'; //保存位置,需要755权限,默认位置:主题跟目录 $num=9;//数量 $XML=new DomDocument; $XML->load($FileName); $Items=$XML->getElementsByTagName("item"); $I=0; //循环初始化 $s=0; $output=''; if(isset($_COOKIE['comment_author_'.COOKIEHASH])) { $author = $_COOKIE['comment_author_'.COOKIEHASH]; }else{ $author =''; } if(isset($_COOKIE['comment_author_email_'.COOKIEHASH])) { $Email = $_COOKIE['comment_author_email_'.COOKIEHASH]; }else{ $Email ='xxx@xxx.com'; } if(isset($_COOKIE['comment_author_url_'.COOKIEHASH])) { $url = $_COOKIE['comment_author_url_'.COOKIEHASH]; }else{ $url ='http://'.getenv('REMOTE_ADDR');//无地址的那就放IP地址了 } foreach ($Items as $Item){ $Oldauthor=$Item->childNodes->item(0)->nodeValue; $OldEmail=$Item->childNodes->item(1)->nodeValue; $Oldurl=$Item->childNodes->item(2)->nodeValue; $Time=$Item->childNodes->item(3)->nodeValue; $output.= '<li class="r_item"><div class="row">'.get_avatar($OldEmail, 32).'<span class="r_name">'.$Oldauthor.' 于 '.$Time.'</span><span class="r_excerpt"><a href="'.$Oldurl.'" rel="nofollow">'.$Oldurl.'</a></span></div><div class="clear"></div></li>'; if($I >$num){ $Item=$XML->documentElement->getElementsByTagName("item")->item($s); //删掉久远的 $XML->documentElement->removeChild($Item); $XML->save($FileName); $s++; } if( $Oldauthor==$author || $OldEmail== $Email ){ $Item=$XML->documentElement->getElementsByTagName("item")->item($I); //删掉原来的,因为这淫又来了 $XML->documentElement->removeChild($Item); $XML->save($FileName); } $I++; } if($author !=''){//没cookie的不要进去 $XML->formatOutput = true; $XML_Online=$XML->getElementsByTagName("online")->item(0); $XML_Online_Item=$XML->createElement("item"); $Newauthor =$XML->createElement("author",$author); $XML_Online_Item->appendChild($Newauthor); $NewEmail=$XML->createElement("Email",$Email); $XML_Online_Item->appendChild($NewEmail); $NewUrl=$XML->createElement("url",$url); $XML_Online_Item->appendChild($NewUrl); $XML_Online_Item_Time=$XML->createElement("time",$Now); $XML_Online_Item->appendChild($XML_Online_Item_Time); $XML_Online->appendChild($XML_Online_Item); $XML->save($FileName); } if($Items->length<=1){ $output.= '<li class="r_item"><div class="row"><span class="r_excerpt">最近只有你来过⊙﹏⊙b汗</span></div><div class="clear"></div></li>'."\n"; } echo $output; }
以上加到主题function里面,另外需要一个xml文件
新建一个文本文件,内容如下,并另存为.XML(放置的地址与上面设置的地址一致,注意必须是相对路径,并且可写。)
<?xml version="1.0" encoding="utf-8"?> <online> <item><author>you</author><Email>1@123.com</Email><url>http://127.0.0.1</url><time>1281802053</time></item></online>
里面的格式就是这样的,也许会有一些安全隐患,比如不要让别人下载到xml文件,邮箱地址是没有加密的。所以xml地址自己知道就可以了。(注:加密的我也写过,保存md5()后的邮箱就行了)
最近在学着试试把来访数据保存到数据库里面,但又想每次要多很多查询,肯定前台还是做ajax比较好。不过更复杂的功能已经有插件了,似乎还是简单点好。
最后,已知有一个bug,有时候一个人会显示两行,不定期发作,懂的朋友请教下为啥?
08.30更新,测试了很久,在php代码后面加上
unset($Now,$FileName,$XML,$Items,$I,$s);
OK~
本来是说没有假期,到科学院三个月了,都干了些啥呢。。。来总结下:
六月-熟悉环境+阅读文章+蹭饭+玩
七月-重复炼金+心得体会+玩
八月-炼丹(未成功)+玩
好吧,一直在玩,在网上混得累了再去工作会儿调剂一下。当初来的时候我原定的目标是:
一、熟悉新环境和了解一些基本的知识;
二、认真考虑下是否在这个地方呆下去,我愿意做这样的东西吗?
三、学习英语和准备第二外语。
现在完成的不足计划的百分之之三十,前两个倒是做了一些,计划三压根就没咋学,也就背了不到一周的日语五十音图,放弃了。。另外直到现在还没有详细的计划,还没有决定以后到底干什么呢。。不过有计划总比没有的好,至少到月末还能总结下到底做了啥,还有哪些没做到。赶在回去之前,再制定一个学习计划,新的课程这次再也不能随便对待了。
我是典型的三分钟热情,一开始来到这边做实验劲头很足,越到后面越没有激情了。不仅是新鲜感的丧失,还有重复实验的枯燥、失败,以及。。这地方太TMD无趣了,基本没有其它娱乐(上网不算),劳动吃饭休息劳动吃饭休息。幸好我是一个能够忍受寂寞的人,比起曾经一个月不与人说话的记录,这还不算啥。好像最近压力和无趣都转移到灌水上了,也是一种调剂吧。
附两张图:
其一近期胡乱搞出来的不知是啥的东西,算是成果… 不掩饰了,囧
其二这张大家肯定很熟悉,如果计划不变的话,今后只和某几个元素(可惜其中只认识长门)打交道了。。。喜欢的元素可没得挑,呃~下图不准,有些元素CP超毒无比,决心再也不打交道了。