FVF.me'Ye » 小技巧 http://fvf.me 我是孤独的根号5 Mon, 19 Sep 2011 12:10:36 +0000 en hourly 1 http://wordpress.org/?v=3.3 下拉列表导航栏 http://fvf.me/wordpress/tips/wordpress-theme-navigation-bar-of-the-drop-down-list.html http://fvf.me/wordpress/tips/wordpress-theme-navigation-bar-of-the-drop-down-list.html#comments Wed, 05 Aug 2009 11:04:25 +0000 死兔子 http://fvf.me/wordpress/wordpress-theme-navigation-bar-of-the-drop-down-list.html 看到别人的导航栏是下拉列表式的，就只有一个感觉，羡慕。但是我又不想单单为了这个功能去用上一个插件，怎么办呢？自己动手呗！可是在Google上找了很多的导航栏样式，都很漂亮，但漂亮的代价也是沉重的！为了漂亮而付出速度那是不行的！所以找来找去，终于找到了简单的导航栏方法！

哈哈！其实我想要得就是想在导航栏上加上分类下拉式导航，当然想要加其他的方法都是一样的，就是li里面套li啊，不过对我来说没什么意义！

先当然是该html代码了，加上分类的导航链接就是在主导航栏ul之下再加也一个li项。

<li class="cat-item"><a href="#">分类Categories</a>
<ul class="children">
<?php wp_list_categories('orderby=name&title_li=');
$this_category = get_category($cat);
if (get_category_children($this_category->cat_ID) != "") {
echo "</ul><ul>";
wp_list_categories('orderby=id&show_count=0&title_li=
&use_desc_for_title=1&child_of='.$this_category->cat_ID);
echo "</ul>";
}
?>
</li>

接下来就是CSS代码了，这个需要自己调试了。

#nav {
}
#nav ul {
}
#nav li {
}
#nav li a {,
}
#nav li a:hover {
}
#nav li ul {
}
#nav li ul li {
}
#nav li ul li a {
}
#nav li ul li a:hover {
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
    left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
    left: auto;
}

最后就是对万恶的IE6的兼容了，因为IE6中只支持啊a：hover，而不支持其他的：hover，你应当看到上面的css中有一些代码不能运行啊！所以需要Javascript脚本支持。

sfHover = function() {
        var sfEls = document.getElementById("nav").getElementsByTagName("LI");
        for (var i=0; i<sfels .length; i++) {
            sfEls[i].onmouseover=function() {
                this.className+=" sfhover";
            }
            sfEls[i].onmouseout=function() {
                this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
            }
        }
    }
    if (window.attachEvent) window.attachEvent("onload", sfHover);
</sfels>
]]> http://fvf.me/wordpress/tips/wordpress-theme-navigation-bar-of-the-drop-down-list.html/feed 0 WordPress 评论添加楼层数(留言编号) http://fvf.me/wordpress/tips/comments-add-a-few-floors-wordpress-message-number.html http://fvf.me/wordpress/tips/comments-add-a-few-floors-wordpress-message-number.html#comments Wed, 05 Aug 2009 11:02:07 +0000 死兔子 http://fvf.me/wordpress/comments-add-a-few-floors-wordpress-message-number.html 今天在全力搞评论页也就是comments.php，整个主题之中就属它最麻烦和复杂了！搞得头痛死了！

我刚刚把普通的评论和trackbacks / pingbacks分开,准备给评论加上楼层数！不懂怎么办！当然是在Google上找喽！找方法当然是找简单的了终于找到了以下的简单方法！

编辑 comments.php 文件，找到以下评论循环的入口代码：

<?php foreach ($comments as $comment) : ?>

在这句代码之前添加：

<?php $i=1; ?>
//初始化 $i 变量，赋值 1

在需要显示楼层编号的地方，插入以下代码，当然，如何呈现需要可以自定义样式：

#<?php echo $i; ?>楼
//输出楼层编号

每次评论循环函数执行后，对 $count 变量进行加 1 操作，因此需找到：

<?php endforeach; ?>

在此循环结束之前加入：

<?php $i++; ?>
//$i 变量自加 1
]]> http://fvf.me/wordpress/tips/comments-add-a-few-floors-wordpress-message-number.html/feed 7 分开显示Trackbacks和评论列表 http://fvf.me/wordpress/tips/wordpress-separately-trackbacks-pingbacks-list-and-comments.html http://fvf.me/wordpress/tips/wordpress-separately-trackbacks-pingbacks-list-and-comments.html#comments Wed, 05 Aug 2009 11:00:22 +0000 死兔子 http://fvf.me/wordpress/wordpress-separately-trackbacks-pingbacks-list-and-comments.html 今天在搞主题的评论，准备把普通的评论和trackbacks / pingbacks分开。嘿嘿！在Google上找了好几页，发现了很多方法，挑了最简单的方法啊！就是下面的方法了！

第一步

在single.php文件中找到

<?php comments_template('')?>

改成

<?php comments_template('', true); ?>

第二步

在comments.php文件中找到

<?php foreach ($comments as $comment)

: ?>

在之后添加以下代码

<?php $comment_type = get_comment_type(); ?>
<?php if($comment_type == 'comment') { ?>

第三步

找到

<?php endforeach; ?>

在之前添加以下代码

<?php } else { $trackback = true; } ?>

第四步

找到

<?php else : ?>

在之前添加以下代码

<?php if ($trackback == true) { ?>
<h3>Trackbacks</h3>
<ol>
<?

php foreach ($comments as $comment) : ?>
<?php $comment_type = get_comment_type(); ?>
<?php if($comment_type != 'comment') { ?>
<li><?php comment_author_link() ?>&nbsp;写于&nbsp;<?php comment_date('Y年m月d日 l') ?>&nbsp;<?php comment_time() ?>.<?php

edit_comment_link('编辑','[',']'); ?></li>
<?php } ?>
<?php endforeach; ?>
</ol>
<?php } ?>

保存，刷新一下就可以看到了trackbacks已不在评论列表中并显示底下！

]]> http://fvf.me/wordpress/tips/wordpress-separately-trackbacks-pingbacks-list-and-comments.html/feed 0 超级链接样式 http://fvf.me/wordpress/tips/wordpress-themes-to-change-the-hyperlink-style.html http://fvf.me/wordpress/tips/wordpress-themes-to-change-the-hyperlink-style.html#comments Wed, 05 Aug 2009 10:57:15 +0000 死兔子 http://fvf.me/wordpress/wordpress-themes-to-change-the-hyperlink-style.html 现在的效果 超级链接效果 代码如下:

<a href="#" rel="external">#</a>

其实这个我也不是很懂，在群里面一叫，blade童鞋告诉我的。嘿嘿，接下来当然是动手了！

当然了blade童鞋把别人想得和自己一样高深，其实网上很多人和我一样什么都只懂些皮毛，所以他写的我还是搞不清楚，怎么办呢，我准备找他的时候他人不在线，靠超郁闷

！（ps：他是29号告诉我的，我是30号开始动手的！）

当然了面对失败不能后退啊！后退了，还不如我当初不问了，让人郁闷！突然别我发现这小子尽然也在用这个方法，哈哈！俗话说的好，写出来的不一定是好的，怎么都得留一

手吧。但是我用FF把他用的给揪出来啊！我查看了他网页源代码发现了一段写在博客上的javascript代码。

<script type="text/javascript">
function outlinks() {
  if (!document.getElementsByTagName) return;

        if(!

document.getElementById("postarea")) return;
            var

anchors = document.getElementById("c").getElementsByTagName("a");//仅应用id为c的块内部的

a标签
                for (var i=0; i<anchors .length; i++) {

                    var anchor = anchors[i];

                    if (anchor.getAttribute("href") && anchor.getAttribute("rel") == "external"){

                          &

nbsp;     anchor.target = "_blank";

                          &

nbsp;     anchor.className="external";
                }
      }

}
if (window.attachEvent) window.attachEvent("onload", sfHover);
if(window.attachEvent) { //ie
    window.attachEvent("onload", outlinks);
}
else if(window.addEventListener) {
    window.addEventListener('DOMContentLoaded', outlinks,

false);
}
</script>

最下面两个/标签去掉，插件bug啊!然后直接拷贝到我的header.php文件的</head>上面去.当然了要不这中间的“c”改为自己的文章的id最好是文章栏的id。接下来把

css代码复制到我的style.css中去，就可以了不过我发现他的css代码不好看就把它稍微处理了一下，把后面的背景下调了一下.

a.external {
    padding:0 12px 0 0;
    background-

image: url(images/external.png);

    background-repeat:

no-repeat;
    background-position: right center;
}

不过就是使用超级链接的时候麻烦一些，要手动在<a>标签中加入

rel="external"

如果你喜欢我的超级链接的背景的话直接右键复制图片吧!

]]> http://fvf.me/wordpress/tips/wordpress-themes-to-change-the-hyperlink-style.html/feed 0 给主题增加滑动效果(gotoup) http://fvf.me/wordpress/tips/to-increase-the-sliding-effect-of-the-theme-gotoup.html http://fvf.me/wordpress/tips/to-increase-the-sliding-effect-of-the-theme-gotoup.html#comments Wed, 05 Aug 2009 10:50:09 +0000 死兔子 http://fvf.me/wordpress/%e7%bb%99%e4%b8%bb%e9%a2%98%e5%a2%9e%e5%8a%a0%e6%bb%91%e5%8a%a8%e6%95%88%e6%9e%9cgotoup.html 今天把导航栏固定了，想起增加滑动效果使之能够滚动到网页上部或下部。嘿嘿！不过在Google那搜索了一下。找了很久还是没找到，后来偶然的情况下发现了 xiaorsz写的文章，不过太复杂了，然后转到了popdo那里。发现这个方法简单！就用了这个方法！我是在footer.php最底下加入这个代码

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript">
$(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;
      }
    }
  });

});
</script>

在页面需要的地方中加入以下代码：(链接方式为#加ID名称)

<div id="gotop"><a href="#header">Top</a></div>
<div id="godown"><a href="#footer">Down</a></div>

这个代码可以实现留言转向！

接下来就是css了自己写吧，我就不说明了！

当然了还有留言也此有效果,不过在Opera上向上的没有滚动效果，不过还是能够链接过去.

]]> http://fvf.me/wordpress/tips/to-increase-the-sliding-effect-of-the-theme-gotoup.html/feed 0 导航栏固定位置 http://fvf.me/wordpress/tips/navigation-bar-fixed-position.html http://fvf.me/wordpress/tips/navigation-bar-fixed-position.html#comments Wed, 05 Aug 2009 10:41:21 +0000 死兔子 http://fvf.me/wordpress/%e5%af%bc%e8%88%aa%e6%a0%8f%e5%9b%ba%e5%ae%9a%e4%bd%8d%e7%bd%ae.html 今天使用css中的 position:fixed 把header固定在了网页上头，不过万恶的IE6让人郁闷死，这个浏览器不支持 position:fixed ，所以又要找方法把这个问题解决了。什么方法呢，其实我也不是很懂！只是在 </head>之前加了一段css代码：

<head>
< ! -–[if !IE 6]>
<style type="text/css">
#head_top{
    position:fixed;
}
</style>
< ![endif]–>
</head>

注：我网页头部iv的id是head_top这样就好了！

这样只能让主题在ie6上显示正常，不过就是不能固定位置了

]]> http://fvf.me/wordpress/tips/navigation-bar-fixed-position.html/feed 0 博客显示QQ签名 http://fvf.me/wordpress/tips/signed-qq-blog-show.html http://fvf.me/wordpress/tips/signed-qq-blog-show.html#comments Wed, 05 Aug 2009 10:36:09 +0000 死兔子 http://fvf.me/wordpress/%e5%8d%9a%e5%ae%a2%e6%98%be%e7%a4%baqq%e7%ad%be%e5%90%8d.html 看到我主页上面的留言了没有，其实我是看到虫下米网的标题才发现的，跑到Google上搜索了一遍！发现了一个软件服务，那就是QQ滔滔。

QQ推出的滔滔。你可以在使用网页、QQ机器人、QQ签名、手机四种渠道更新，真正的随时随地！加入代码可以使你的博客显示你的滔滔，就好比微博客一样。

使用方法如下：先去QQ滔滔注册；登录以后在“插件”-“JavaScript插件”得到javascript代码。把它加入到博客文件就可以了！

具体方法我是查看虫下米的源代码：

html代码：

<div id="taotao">
<div id="description">
<script type="text/javascript">var taotao_qq=888888; var taotao_num=1;var taotao_type=0;</script><script type="text/javascript" charset="utf-8" src="http://www.taotao.com/js/dkapi.js"></script>
</div>
</div>

把888888换成自己的QQ号就行

css代码：

#taotao{font-size:11px;}
#description table{display:none;}
/*消除description的table*/
#description{
padding:0 5px; width:440px; /*这个自己调*/}
]]> http://fvf.me/wordpress/tips/signed-qq-blog-show.html/feed 0 禁用post revision(文章修改历史) http://fvf.me/wordpress/tips/disable-the-post-revision-the-revision-of-history-article.html http://fvf.me/wordpress/tips/disable-the-post-revision-the-revision-of-history-article.html#comments Wed, 05 Aug 2009 08:51:44 +0000 死兔子 http://fvf.me/wordpress/%e7%a6%81%e7%94%a8post-revision%e6%96%87%e7%ab%a0%e4%bf%ae%e6%94%b9%e5%8e%86%e5%8f%b2.html wordpress每修改或发表一篇文章时，都会产生一条revision的记录，可能是为了实现文章的历史版本控制吧，但我觉得对于个人博客来说，这个功能完全没有必要。而且随着时间的发展数据库会越来越大。 禁用Post Revisions的方法： 在wp-config.php文件中增加一行
define('WP_POST_REVISIONS', false);
]]> http://fvf.me/wordpress/tips/disable-the-post-revision-the-revision-of-history-article.html/feed 0 WordPress放到单独它单独目录下 http://fvf.me/wordpress/tips/wordpress-separate-it-into-separate-directory.html http://fvf.me/wordpress/tips/wordpress-separate-it-into-separate-directory.html#comments Wed, 05 Aug 2009 08:46:25 +0000 死兔子 http://fvf.me/wordpress/wordpress%e6%94%be%e5%88%b0%e5%8d%95%e7%8b%ac%e5%ae%83%e5%8d%95%e7%8b%ac%e7%9b%ae%e5%bd%95%e4%b8%8b.html 因为我的博客程序放在wordpress文件下面的不是放在网站根目录下的。所以就要转移啊！

把WordPress放到单独它单独目录下的程序如下：

1、新建一个用来存放WordPress核心文件的新文件夹（本例以/wordpress示范）。

2、进入选项（options）面板。

3、找到WordPress address (URL)（中文用户请查找”WordPress 地址（URL）“）这个选项：把后面的地址改成你存放WordPress文件的文件夹地址。比如：http://example.com/wordpress

4、找到Blog address (URL)（中文用户请查找”Blog 地址（URL）“）这个选项：把此地址改为你网站的根目录的URL。例如：http://example.com

5、点击Update Options（中文用户为”更新设置“）。

6、把WordPress的核心文件转移到你新建的文件夹中，也就是WordPress address (URL)这个目录。还不明白？在明确一点：/wordpress目录。

7、把index.php和.htaccess文件从WordPress目录转移到根目录（即Blog address）中。

8、用文本编辑器打开并编辑根目录下”index.php”这个文件。

9、找到如下代码，修改并保存：找到

require('./wp-blog-header.php');

把地址改为你WordPress目录下的文件：

require('./wordpress/wp-blog-header.php');

10、登陆控制面板，新的控制面板地址为http://example.com/wordpress/wp-admin/

11、如果你设置了结构化链接地址（Permalinks），打开永久链接选 项面板更新Permalinks结构。如果.htaccess有正确的权限设置的话WordPress会自动更新你的.htaccess文件。如果 WordPress不能写入你的.htaccess文件，就会显示新的rewrite规则，因此你就需要手动把rewrite规则复制到. htaccess文件中（和index.php同目录）。

原文地址：http://codex.wordpress.org/Giving_WordPress_Its_Own_Directory

译文也同时发布于WordPress中文文档中。

以前我的WordPress也安装在根目录，但今天按照操作改到了子目录中，根目录就变得清爽多了。注意操作步骤要严格按照这上面的来，每布的顺序不要弄错，否则你可能就进不了后台，或者页面无法打开。而一旦出现那些问题就只能手动修改数据库了。

]]> http://fvf.me/wordpress/tips/wordpress-separate-it-into-separate-directory.html/feed 0 显示当前时间 http://fvf.me/wordpress/tips/displays-the-current-time.html http://fvf.me/wordpress/tips/displays-the-current-time.html#comments Wed, 05 Aug 2009 08:41:31 +0000 死兔子 http://fvf.me/wordpress/%e6%98%be%e7%a4%ba%e5%bd%93%e5%89%8d%e6%97%b6%e9%97%b4.html 给wordpress博客加上时间，其实很简单，简单的几行代码就行了，你可以在你想要加的地方加入就可以了.

<?php
    $hourdiff = "0"; /* time difference, ex: "-8" or "8" */
    $timeadjust = ($hourdiff * 60 * 60);
    $melbdate = date("Y年m月d日 H:i",time() + $timeadjust);
    print ("$melbdate");
?>

当然了也可以在前面套上 <div></div>标签，方便用css控制，关于时间的调节，国内主机可以设置为 $hourdiff = "0" 这其中的"0"就是用来调节时区的，很简单，要是不知道所在时区，多该几次就知道

]]> http://fvf.me/wordpress/tips/displays-the-current-time.html/feed 0