用上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版本的!

下面是我订阅的博客墙…上面有不和谐的分类已屏蔽(点击放大)

2222

chrome扩展中心下载地址

最近发现chrome扩展开发很给力,前途很好啊,已转移到chrome上了,要是标签管理再方便点就好了。firexfox还要加油..

昨天晚上上了火车去北京,44小时的特快硬座火车,往返都做了四次了,郁闷。没钱只能撑过去了,期待这次不能太挤。今年对我来说是个火车年,来来去去差不多怕过了一万公里了吧,奔波倒不怕,可怕的是没啥目的,没有结果。不过还好,我花了一年时间,来修正自己的人生道路,不管前路是不是正确,总之是有一个确定的目标,要向前看~

到处漂泊,又有好久没回家了,什么时候才有自己的家呢?孑孓一人,四海为家,这就是目前的状况,应该还能持续七八年。

222

有个小窝的就不错了,但是更多的时候时随遇而安,哪怕是上面这样的草窝也能忍受。最不能忍受的,最怕面对的,最不可原谅的还是自己。三毛说要好好对待自己,跟自己相处,也是一个朋友…我不觉得能自恋到这种程度,有时候真想以肉身痛苦换取精神上的专注,苦行僧大概是的吧。

火车上继续无聊,继续掏手机看小说,继续睡觉,不怕没电,两手机四块电池,应该够了。

新主题W1通过css3和xhtml1.1验证,撒花庆祝。以前自己胡乱折腾玩,也不注意这些规范,反正只要能用就行。现在稍微熟悉了点,试试标准化代码。除了以前的旧文章可能有些代码不规范,应该差不多都通过了。

Valid CSS! Valid XHTML 1.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记录访客足迹最近来访博友

记录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,拯救他吧~

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无趣了,基本没有其它娱乐(上网不算),劳动吃饭休息劳动吃饭休息。幸好我是一个能够忍受寂寞的人,比起曾经一个月不与人说话的记录,这还不算啥。好像最近压力和无趣都转移到灌水上了,也是一种调剂吧。

附两张图:

其一近期胡乱搞出来的不知是啥的东西,算是成果… 不掩饰了,囧

1

 

其二这张大家肯定很熟悉,如果计划不变的话,今后只和某几个元素(可惜其中只认识长门)打交道了。。。喜欢的元素可没得挑,呃~下图不准,有些元素CP超毒无比,决心再也不打交道了。

the-periodic-table-of-japanese-characters

换个背景