This theme is powered by WordPress and Love. It has two wraps , left warp for boy, right warp for girl. First wp-admin account is set as boy defaultly. Users should create a new wp-admin account to set for girl (As this post, I create a new account. I don't have a girl to write with me yet). Between the two warp is a sidebar. This sidebar supports widget. But I write a php-sidebar myself with pages, recent comments, post categories and blog-link. So I strongly do not recommend using widget because I never use it and I haven't written any style to any widget elements in this theme.

This theme is very simple in framework. But I use a lot of CSS3 style for Box. All box-background-color is 0.90 translucent, and border-radius.When users pass the mouse over the box,the box shows a shadow and 0.95 translucent, like this box is glowing.

.box{
	border:0px;
	-moz-border-radius:10px;/* for firefox*/
	-webkit-border-radius:10px;/* for chrome or safari*/
	border-radius:10px;/* for future standard browser */
	background-color:#fff;
	filter:alpha(opacity=90); /* IE alpha filter */
	opacity:0.90;/* standard browser */
}
.box:hover{
	opacity:0.95;
	-moz-box-shadow:0 0 10px #fff; /* for firefox*/
	-webkit-box-shadow:0 0 10px #fff;/* for chrome or safari*/
	box-shadow:0 0 10px #fff;/* for future standard browser */
}

As a Web designer, I got the latest version for Firefox and Chrome in Fedora Linux Opeating System. But IE didn't support border-radius, box and text shadow. IE 6 even didn't support pseudo-class for a div, and framework will be orderless. I didn’t know how tragic this theme would be in IE, but I still factor IE into my design by just giving a fully transparency to div in case of no-background-color(fixed).

Another problem is, the width of the blog-title box will be automatically scaled by the content. Because the lenghth of the content is uncertain. But in IE, the width of the box is determined by the width of the parent element.

.blogtitle{
	width:intrinsic;/*for webkit and other?*/
	width:-moz-fit-content; /*for firefox*/
}

If you like it, leave your comments and I will send it to your mailbox.

超级简单的情侣博客主题.有很多CSS3特效,所以IE下会杯具.喜欢就留言,然后我发邮件.谢谢精兵.

GRAVATAR CACHE还是需要的.它提供了一个Gravatar API.下载地址：http://scott.yang.id.au/code/gravatar-cache/#toc-download

然后打开index.php,修改代码.假设我就放在我博客根目录 http://minidr.com/gravatar/ 这个路径下.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

$config = array(
'gravatar' => 'http://www.gravatar.com/avatar.php',
'rating' => 'PG', //默认头像等级
'size' => 24, //默认头像宽度高度,依据博客原头像大小的最大值,也就是 get_avatar($rc_comm,$size='24') 这个函数中的那个数字中的最大值
'default' => '',
'border' => '',
'referrer' => '',
'pos_expiry' => 604800,
'neg_expiry' => 43200,
'neg_handler' => 'file',
'proxy' => '',
'basedir' => dirname(__FILE__),
'x-sendfile' => false,
'debug' => false
);

接着,在 profile 目录,创建一个名为 avatar.php 的文件，用非记事本输入以下字符:

1
2
3
4
5

<?php
$config['default'] = 'http://minidr.com/gravatar/gravatar.png'; //无头像时返回的默认头像路径,假设我放了这张照片
$config['rating'] = 'PG';//gravatar的内容级别
$config['size'] = 24;//头像尺寸
>

这个php的文件名也是API地址的一部分.可以变化.

接着打开 .htaccess 文件,修改:

1
2
3
4
5
6

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

倒数第二行改成目录 我的是

1

RewriteRule . /gravatar/index.php [L]

这样就得到了一个Gravatar地址 http://minidr.com/gravatar/avatar/ .如果搭建有困难,可以拿别人的API地址.
接下来直接篡改 WordPress 的 get_avatar() 函数里面的API地址.位于 /wp-includes/pluggable.php 1645 行.

1645
1646
1647
1648
1649
1650
1651
1652

if ( is_ssl() ) {
$host = 'https://secure.gravatar.com';
} else {
if ( !empty($email) )
$host = sprintf( "http://%d.gravatar.com", ( hexdec( $email_hash{0} ) % 2 ) );
else
$host = 'http://0.gravatar.com';
}

这个几行直接去掉,改成API地址

1645

$host = 'http://minidr.com/gravatar/avatar'; //地址后面千万不要加"/"

大概就是这样吧.具体的地址可以变动.关系到文件夹命名和新建php的文件名.

第一种办法:博客服务器的图片代理.

下载一个 GRAVATAR CACHE 的php程序,不是 WordPress 插件,只是一个缓存头像的程序.下载地址：http://scott.yang.id.au/code/gravatar-cache/#toc-download

然后打开index.php,修改代码.假设我就放在我博客根目录 http://minidr.com/gravatar/ 这个路径下.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

$config = array(
'gravatar' => 'http://www.gravatar.com/avatar.php',
'rating' => 'PG', //默认头像等级
'size' => 24, //默认头像宽度高度,依据博客原头像大小的最大值,也就是 get_avatar($rc_comm,$size='24') 这个函数中的那个数字中的最大值
'default' => '',
'border' => '',
'referrer' => '',
'pos_expiry' => 604800,
'neg_expiry' => 43200,
'neg_handler' => 'file',
'proxy' => '',
'basedir' => dirname(__FILE__),
'x-sendfile' => false,
'debug' => false
);

接着,在 profile 目录,创建一个名为 avatar.php 的文件，用非记事本输入以下字符:

1
2
3
4
5

<?php
$config['default'] = 'http://minidr.com/gravatar/gravatar.png'; //无头像时返回的默认头像路径,假设我放了这张照片
$config['rating'] = 'PG';//gravatar的内容级别
$config['size'] = 24;//头像尺寸
>

接着打开 .htaccess 文件,修改:

1
2
3
4
5
6

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

倒数第二行改成目录 我的是

1

RewriteRule . /gravatar/index.php [L]

然后去修改主题,找到函数get_avatar(),如果皮肤比较规矩的话,应当能找到.

1

<?php echo get_avatar( $comment, 24 ); ?>

改成

1

<img src="http://minidr.com/gravatar/avatar/<?php echo md5(strtolower($comment->comment_author_email)); ?>" alt="" />

如果像我一样,皮肤不规矩,HTML代码是嵌套在php函数里面echo出来的,

1
2
3

$rc_comments .= "<li>". get_avatar($rc_comm,$size='16') ."<span class='zsnos_comment_author'>" . $rc_comm->comment_author . ": </span><a href='"
. get_permalink($rc_comm->ID) . "#comment-" . $rc_comm->comment_ID. "' title='on " . $rc_comm->post_title . "'>" . strip_tags($rc_comm->comment_content)
. "</a></li>\n";

改成

1
2
3

$rc_comments .= "<li><img src='http://minidr.com/gravatar/avatar/". md5(strtolower($comment->comment_author_email)) ."' alt='' /><span  class='comment_author'>" . $rc_comm->comment_author . ":  </span><a href='"
. get_permalink($rc_comm->ID) . "#comment-" .  $rc_comm->comment_ID. "' title='on " . $rc_comm->post_title .  "'>" . strip_tags($rc_comm->comment_content)
. "</a></li>\n";

这样返回的结果是固定大小的,但是文章下面和边栏的头像图片大小有可能不一样大,如返回24,边栏只要16.如果发现浏览时不正常,还要对博客的主题的CSS进行修改,让CSS限制图片大小.
查看图片上一层div的id或者class属性,如id="rc_comment"

那css里就加入

1
2
3
4

#rc_comment img{
height:16px;
width:16px;
}

第二种办法是直接修改 WordPress 的 get_avatar() 函数.因为https还没有挂掉,所以可以换gravatar地址.位于 /wp-includes/pluggable.php 1645 行.

1645
1646
1647
1648
1649
1650
1651
1652

if ( is_ssl() ) {
$host = 'https://secure.gravatar.com';
} else {
if ( !empty($email) )
$host = sprintf( "http://%d.gravatar.com", ( hexdec( $email_hash{0} ) % 2 ) );
else
$host = 'http://0.gravatar.com';
}

这个几行直接去掉,改成

1645

$host = 'https://secure.gravatar.com';

就这么一行,问题解决了.不过,这不是一个长远的办法~~~你懂的.

<style>
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>

手中木有IE,不知道效果~

还有,作者提供的和他自己页面上的样子还是不一样的.头部他自己重新写了,但是不放代码.
如果有同学需要我改造的版本,自己留言吧.我发到你们邮箱里.

还有,在自己的网页,博客中嵌入亦歌; 其实这个很简单,不用什么SB一样的控件.就像我的博客一样 看HTML代码,我用的.

<p style="text-align: center;"> //决定是居中还是什么的
<iframe src="http://www.1g1g.com/?site=迷你音乐盒" //决定显示什么自定义字符
id="prF"
frameborder="0"
height="450" //高度 400以上能显示搜索栏,500这样还能显示自定义字符
scrolling="no"
width="240"> //宽度
</iframe>
</p>

这里的参数,会来看这篇文章的人,都知道什么意思吧.亦歌网站本身就是一个flash的网站,只要一个iframe就可以了.注意宽高自己修改,适合主题.

此外还推荐亦歌跨平台桌面版(Air); 这个是Adobe公司推出的跨平台系统,我觉得是执行效率最高的版本了.有Air解析器的可以试用下.

最后,送一张推友@polly0079制作的神兽剪纸,向大家拜年.

RSS（簡易資訊聚合）是一種消息來源格式規範，用以發佈經常更新資料的網站，例如部落格文章、新聞、音訊或視訊的網摘。RSS文件（或稱做摘要、網路摘要、或頻更新，提供到能道）包含了全文或是節錄的文字，再加上發用者所訂閱之網摘佈資料和授權的元數據。網路摘要專業層面能夠者自和閱讀網摘的使動地發佈他們的資料，同時也使讀者能更夠定期更新他們喜歡的網站或是聚合不同網站的網摘。RSS摘要可以藉由RSS閱讀器、 feed reader或是aggregator等網頁或以桌面為架構的軟體來閱讀。標準的XML檔式可允許資訊在一次發佈後透過不同的程式閱覽。使用者藉由將網摘輸入RSS閱讀器或是用滑鼠點取瀏覽器上指向訂閱程序的RSS小圖示之URI（非通常稱為URL）來訂閱網摘。RSS閱讀器定期檢閱使是否有更新，然後下載給監看用者介面。
云里雾里吧.我觉得RSS这种东西先用再解释比较好.

这个就是RSS图标.

先试试订阅迷你部落格吧.只要打开在订阅程序里,只要把minidr.com输入进去,就可以订阅本博客.每次我发表新文章,你的RSS程序就有提示了.这个不错吧!如果你在使用firefox,也可以直接点击右边那个RSS图标.嘿嘿!

其实呢,RSS就是报纸,把各地的新闻都收集起来,统一发放.譬如我关注韩寒,某些IT人士,我的同学的博客,我不需要去各个站点,只要打开我的RSS阅读器就可以了.所有的更新都有,只要我订阅了.见图.

你可以使用QQ邮箱订阅,Google Reader,鲜果,抓虾,有道,甚至Firefox自带的阅读器,UC阅读器来订阅任何博客,只要那个博客有RSS图标.

That's very funny.You like it?Follow me.

下载地址：http://wordpress.org/extend/plugins/comment-info-detector/ ,上传到 wp-content/plugins 目录后台插件里激活,或者通过后台插件搜索 Comment Info Detector 直接一键安装即可.

然后在左边设置-comment-info-detector-下设置Display Country Flags Automatically,Display Web Browsers and OS Automatically为开.

OK,that's very easy.Look,Waiwai was using Windows Vista!

废话不多说,有图为证.