PopDo blog

随便说点！

PopDo — Sat, 03 Oct 2009 13:30:09 +0800

自从博客从bluehost搬到godaddy的win主机后发现博客有很多功能都没办法实现，例如固定链接功能、缓存功能、压缩功能……在本地做好的theme也没传上来。可能博客还要再搬家一次！Akismet插件没开启，今天在后台发现了100多条垃圾评论。- – 都被我批量删除了。也不知道是否有误删网友的评论！

博客搬家风波

PopDo — Thu, 10 Sep 2009 22:22:39 +0800

过去使用的bluehost到期了。今天不得不搬家到我哥新买的godaddy空间上，鼓捣半天把博客安装上、数据库导入。接着设置永久链接，设置好之后博客一片空白 – -，后台查看单篇文章无法显示。。。结果发现我哥买的这个godaddy空间是的win类型的，无法设置.htaccess。

无奈之下我去找我助理（GG、百度）他们告诉我可以设置404来实现永久链接，于是我又开始新建404页面。建好了结果不知道如何设置 – -，godaddy主机管理面板只能设置总的404，主机下的独立站点貌似无法设置。。。再次失落了！

暂时只能先用动态地址了。

登录后台后发现某些选项设置好之后域名后面会多出一个/popdo 例如：http://popdo.net/XXX 后台设置保存之后地址会跳转成
http://popdo.net/popdo/XXX 并且最后自动跳转到登陆页

查找了整个数据库该改的全改了。后台某些选项保存后还是出现这样的情况，非常无语！

另外新theme一两天也给换上！

不能放弃写博客！

popdo — Mon, 07 Sep 2009 18:25:09 +0800

很多次我都是进博客看看然后就走人了。。。虽然每天都在上网。但却没有写东西的欲望，而且这个博客的皮肤越看越不顺眼了。我决定给博客皮肤做个小改版。然后坚持写博客，随便写点什么……这样它才会有存在的意义！

html中两个浮动div之间的注释问题

PopDo — Sat, 28 Feb 2009 17:05:32 +0800

我在一个游戏站点布局的时候在html模板中两个浮动div之间添加了注释，然而在ie6下会出现莫名其妙的错位问题，我花了不少时间在css调整上，无论我再怎么努力都无济于事。

首先来看一个简单的例子：untitled-1 （点击打开）

通过在ie6、ie7、FF下浏览对比你会发现在ie6下出现了怪异的错位问题！

现在我们在源代码中删除sidebar和contain这两个浮动div之间的注释。

再看一下删除之后的例子：untitled-2 （点击打开）

再通过在ie6、ie7、FF下浏览对比你会发现一切都正常了，而在没有浮动层上加注释丝毫也没有影响！

博客改名与更换域名！

popdo — Fri, 13 Feb 2009 21:05:49 +0800

c2c互动博客改名为：PopDo Blog

域名http://c2cer.com/ 改为http://popdo.net/

Feed地址http://feed.c2cer.com/ 改为 http://feed.popdo.net/

做链接的朋友麻烦帮忙改下哈！

过去本是想创建一个以c2c为主题的博客，最后还是决定将c2c资讯站与博客分开，博客重新使用一年前注册的一直未使用的域名。写博客的范围主要为web前端开发与发布原创wordpress theme为主。

旧域名一个月后将失效！:)

IEtester让ie多版本共存(web设计师必备)

PopDo — Sun, 11 Jan 2009 11:58:11 +0800

一个电脑系统只能安装一种ie版本，这样给网页前端设计人员调试网页在ie各个版本兼容性的时候造成不少麻烦，我的电脑安装的ie版本是7.0.过去我的做法是使用免安装的绿色版ie6来测试页面，但它的局限性非常大，甚至会与ie7相冲突，而IEtester解决了所有的问题。它同时可以模拟你的网页在ie5.5、ie6、ie7、ie8四个版本中的表现形式，为您在调试页面兼容性的时候提供了方便！

IEtester是以选项卡方式显示各个版本的页面，刷新页面时也可以选择连带清除缓存

IEtester支持ie的4个版本，并且一直在不断的升级优化！

IEtester支持几十种国家语言，同时自带四种界面风格！

如果你也为测试页面兼容性问题感到烦恼，可以试试IEtester。
IEtester更多介绍与下载地址在IEtester官方网站

一些电脑软件相关疑难杂症解决小结！

popdo — Sat, 10 Jan 2009 01:13:12 +0800

过去使用软件的时候总是会遇到这样或者那样的问题，有的时候为了解决问题，我不得不花大量的时间去寻找问题的答案。

现在我要在这里专门开一个总结日志，用来记录我已经遇到过的一些问题的解决方法。一方便是为了方便自己日后遇到同样的问题方便查找答案，另一方便也供可能会遇到同样的问题的朋友参考！该日志长期有效，我会不断把遇到的问题写入这里！

问题一：IIS突然无法启动

症状：IIS突然无法启动了，一启动就提示：服务没有及时响应启动或控制请求。
答案：

是微软补丁造成World Wide Web Publishing服务不能开启，把补丁KB939373删除就行了。
操作：控制面板－添加/删除程序，点击最上边的“显示更新”，找到“windows xp 软件更新”，卸载掉KB939373更新补丁，World Wide Web Publishing服务便能启动了。

问题二：部分网页Flash无法显示或不能播放

症状：本地flash却可以正常播放，但在网页上却无法正常播放flash,排除了流氓软件和IE显示网页动画设置问题~还重装了flashplayer问题依然存在！
答案：

遇到这样的情况，首先把原有的插件卸载，然后去重新下载一个最新flashplayer。这里要特殊说明一下，这个软件分两个版本的，一个是本地播放器，用来播放电脑里的Flash文件的，这个和浏览器没关系，所以你装了也白装；另一个是浏览器插件，仅仅是个插件，是支持浏览器播放动画文件的。而且不同的浏览器也要分不同的适用版本，一般大家适用的都是IE浏览器，如果您用的是火狐、傲游、TT等浏览器，就去找对应的版本。一定要搞清楚哦！

下载之后当然是安装。这个不用细说了。下面是关键步骤。

打开硬盘“C:\WINDOWS\system32\Macromed\Flash”，双击其中的“FlashUtil9d”（找到“FlashUti…”开头的文件就对了，后面几个字母可能会不同），立即运行。我们发现这时候出现一个类似在升级的进度标尺，不要管它，等它升级完毕。一切问题得以解决！

问题三：无法卸载photoshopCS3

症状：photoshopCS3无法正常运行，卸载居然也卸不掉，重装时软件却提示：您一次只能安装一种 Adobe 产品。无法重装！
答案：

在微软官方下载：
http://download.microsoft.com/download/e/9/d/e9d80355-7ab4-45b8-80e8-983a48d5e1bd/msicuu2.exe

安装完成后，启动此软件，把photoshopCS3有关的文件全选，然后全部Remove。。。ok，又可以安装了！

更新中…

带Gravatar头像的无插件版最新评论

PopDo — Mon, 05 Jan 2009 03:53:40 +0800

我算了下我的博客启已启用15个插件，虽然去除了大部分的插件后台选项，但日渐增大的文件还是让我不放心，于是我着手删除一些插件，开始diy自己博客的功能！

我首要解决的问题就是让我的sidebar上最新评论显示Gravatar头像。我过去一直使用wp-recentcomments插件，m12的这款插件确实很棒，当初选择这款插件最看中就是它会显Gravatar头像，至于ajax翻页等功能，我突然不想用了，个人还是喜欢一些简单实用的功能，所以我想用最简单的方式把Gravatar头像显示出来就行了，那么就动手吧！

步骤一：
我在网上搜索了很多版本的最新评论的调用方式，最后还是觉得桑葚的中文wordpress工具箱最好用，那么就拿他的代码来修改，我把修改的代码做上注释放在下面：

 ', $after = '

', $show_pass_post = false) {
//最新评论涉及的相关数据库查询字段，针对原版我添加了post_title, comment_author_email 两个字段，分别是日志标题字段和评论者email字段
//下面的comment_author是过滤不显示评论的评论者昵称，你可以改为你自己
	global $wpdb, $tablecomments, $tableposts;
	$request = "SELECT ID, comment_ID, comment_content, post_title, comment_author_email, comment_author FROM $tableposts, $tablecomments WHERE
$tableposts.ID=$tablecomments.comment_post_ID AND (post_status = 'publish' AND comment_author !='popdo' OR post_status = 'static') AND comment_type = ''";

if(!$show_pass_post) { $request .= "AND post_password ='' "; }

    $request .= "AND comment_approved = '1' ORDER BY $tablecomments.comment_date DESC LIMIT

$no_comments";
    $comments = $wpdb->get_results($request);
    $output = '';
    foreach ($comments as $comment) {
       $comment_author = stripslashes($comment->comment_author);
//下行设置评论截断的字数,使用mb_strimwidth精准统一截断中英文字数
       $comment_excerpt = mb_strimwidth(strip_tags(apply_filters('the_comment', $comment->comment_content)), 0, 30,"...");
       $permalink = get_permalink($comment->ID)."#comment-".$comment->comment_ID;
//下行是最新评论调用显示相关，我插入了调用gravatar头像函数和日志标题函数，并且修改了这部分的输出布局。
       $output .= $before . '
' . get_avatar($comment, 32) . '
' . $comment_author . ': ' . $comment_excerpt . '...

' . $after;
       }
       echo $output;

}
?>

你可以将以上代码复制黏贴到你使用的theme文件夹下的functions.php文件最后面。

步骤二：
相关的css部分如下：

#recentcomments img{border:1px solid #DDD;padding:1px;margin-right:5px}
#recentcomments .rc_avatar{float:left;padding-top:4px}
#recentcomments .rc_info{display:inline;color:#555;line-height:36px}
#recentcomments .rc_info a{font-weight:bolder;}

你可以根据自己的样式进行修改。

步骤三：
接着是在sidebar.php中调用最新评论的显示：


Recent Comments

调用函数和中文工具箱是一样的，布局结构请根据你的theme进行修改！

如果你正在使用中文工具箱，你只要将我步骤一写的代码替换掉工具箱里的语句即可。最后的效果，请见本博客侧边栏！

到这里差不多就介绍结束了。如果你有兴趣继续折腾就往下看！

中文工具箱的功能很多，其中就有一个功能是：显示发表评论最多的网友，我们举一仿三，也可以制作出类型Hot friend插件那样列举热友的Gravatar头像：

挖取中文工具箱中的文件修改带注释如下：

get_results("SELECT comment_author, comment_author_email, comment_author_url, COUNT(comment_ID) AS 'comment_total' FROM $tablecomments WHERE comment_approved = '1' AND (comment_author != 'blogmaster') AND (comment_author != 'admin')GROUP BY comment_author ORDER BY comment_total DESC");
	$no = 1;

    foreach ($comments as $comment) {
			$comment_author = htmlspecialchars(stripslashes($comment->comment_author));
			$comment_author_url =stripslashes($comment->comment_author_url);
			$comment_total = (int) $comment->comment_total;
				if ($comment_author_url) {
					$comment_author_link = "$comment_author";
				} else {
					$comment_author_link = "$comment_author";
				}
//我修改了输出方式，连接只显示头像，并且给评论者的链接添加了nofollow
			echo "". get_avatar($comment, 32) ."   ";
			$no++;

			// If Total Comments Is Below Threshold
			if($comment_total <= $threshhold && $threshhold != -1) {
				return;
			}
    }
}
?>

同样的你可以将以上语句写入functions.php最底部或者替换掉中文工具箱里对应语句

然后在sidebar.php中通过如下函数调用：

threshhold是设置输出的评论者头像数量。

全部介绍完了！顺便AD一下：如果喜欢我的博客，欢迎订阅c2c互动博客

c2cer博客被酷站cssmania收录

PopDo — Sat, 03 Jan 2009 09:16:59 +0800

今天一早发现博客流量以百位的数量爆增，原来是前天向cssmania申请收录，今天一早被通过了，cssmania的流量太可怕了，被收录的情况见：http://cssmania.com/galleries/2009/01/02/c2cer.php

希望大家顺便进去帮我投投票。在这里先谢过！

今天博客来访的大部分都是国外网友，不知道他们会不会看得懂中文呢，呵呵！

CSSMania.com，成立于2004年，是一个比较国际化的专门收录XHTML+CSS网站的酷站。本博有幸被收录！先贴几张图：

我的博客在总分10分里获得7分的平均投票分，及格咯！

小博被收录后流量爆增！

大多访问者都是国外的网友！

同时也被另一个酷站收录 http://www.cssstar.com/ 相对cssmania来说这个人气差了很多，不过这两个都是我经常去逛的网站！

或者你也可以提交你的博客到cssmania试试吧！

16行jQuery代码实现锚点scoll效果

PopDo — Sat, 03 Jan 2009 08:42:59 +0800

今天我也来分享一个jQuery实现站内scoll to的滑动效果，之前yinheli和xiaorsz分别写过一篇页面内锚点平滑移动和分享 JS 代码：同一页面链接平滑跳转有兴趣的朋友可以移步看看。

他们写的和我今天介绍的效果是一样的，不同的是我要介绍的这种方法只需要16行的jQuery代码就可以实现全站的锚点滑动效果！所以我特别在这里介绍下，(ps:另外该方法的缺陷是在opera 浏览器中不支持！)供大家做个参考！

方法介绍：

一、首先引入Google的jQuery库：


//end

二、在jQuery库的下面放置jQuery代码：

$(document).ready(function(){
  $('a[href*=#]').click(function() {
    if (location.pathname.replace(/^//,'') == this.pathname.replace(/^//,'')
    && location.hostname == this.hostname) {
      var $target = $(this.hash);
      $target = $target.length && $target
      || $('[name=' + this.hash.slice(1) +']');
      if ($target.length) {
        var targetOffset = $target.offset().top;
        $('html,body')
        .animate({scrollTop: targetOffset}, 1000);
       return false;
      }
    }
  });
});

你也可以把以上代码放置在你的js文件中进行调用！

这样就够了，你的网站或者博客已经可以实现全站scoll to 滑动效果了！

再贴个演示地址，更直观些(你可以右键另存为该演示页面)：
jquery-scoll-to.html

该方法的原作者是：learningjquery.com
里面介绍有更多jQuery实现的效果，如果你英文好的话可以移步学习一下。

如果你仅仅只想实现从页面底部滑动到顶部的scoll to top 效果，我再介绍一个实现的方法：

首先是jQuery代码：

$(document).ready(function(){
$('.retop').css("cursor","pointer");
$('.retop').click(function(){
$('html,body').animate({scrollTop: 0}, 1000);});
});

然后是页面html代码：

反回顶部

或者不用以上两段代码。直接使用一句即可：

返回顶部

另外shawn写了一篇jQuery 优化评论方法总结有兴趣的朋友猛击进入瞧瞧！

下一篇文章将介绍不用插件实现sidebar调用带头像的最新评论！