原文链接：http://www.giackop.com/?p=70

本文由edirun.com翻译并截取photoshop中文版的图片予以发表。请转载者注明出自www.edirun.com以及原文链接.

步骤简单，而且效果很好看…….

第一歩：新建一个1000px*1000px的新文件，把背景填充为黑色.

第二歩：新建一个图层，填充为白色,并放在最上面.

第三步：选择白色图层，点击滤镜-渲染-纤维.按照图片的参数设置.(差异20，强度4）.

第四步：点击滤镜-模糊-动感模糊,按照图片设置参数（角度-90，距离999).

第五步：为这个图层添加”渐变叠加”,记得混合模式选”叠加”,角度为0.

第六步:在当前图层点右键,转换为智能对象.然后复制一个新图层放在最上面,选择复制的新图层,把图层混合模式设置为”叠加”,接下来点击滤镜-其它-高反差保留,半径10.

第七步:点击背景图层(黑色)前面的小眼睛把它设置为不可见,然后拼合可见图层(shift+ctrl+E),然后把已拼合的图层改变大小为如图:

第八歩:把图层旋转为45度角并向2个对角拉伸.然后点击图像-调整-色阶,设置如下

OK.作品完成了

本文原文出自http://www.noupe.com/wordpress/powerfull-list-of-wordpress-lifesavers-plugin.html由edirun.com翻译编辑，任何互联网用户可以进行转载但是请注明出自www.edirun.com.

温馨提示：在本日志列出的插件由edirun.com打包提供本地下载。

                                                        

 

跟发表有关的

1) WP-Sticky WordPress Plug-in-可以创建一个置顶的日志或者一个公告。

2) Daily Top 10 Posts-可以计算当天您的博客中文章的浏览量，然后可以在边栏显示前10名的文章标题。

3) Popularity Contest-可以根据文章的浏览量，回复量来决定最受欢迎的文章，有点类似第2个。

4) Homepage Excerpts（主页摘要）-一个您必须拥有的插件。其功能是把WP日志页面的首页显示全文，而在第二页及之后的页面显示摘要。
这个插件可以让你的博客对搜索引擎更友好，也会增强对您的读者的粘性。值得一试。

5) Related Posts Plugin-很实用的插件，通过标签（tag）来帮您显示相关文章。( 中国制造）

跟阅读者有关的

6) WP-Polls-可以在边栏生成一个投票的插件，效果很不错。

7)Gravatar-顾名思义，是用来在回复的读者根据他的email地址显示他的Gravatar头像。

8 )AJAX Shoutbox-实时地用声音通知您新的信息，比如谁在线等。

跟统计有关的

9) Google Analytics for WordPress-这个插件可以很轻松地帮您把google analytic的代码加入到您博客的所有文章,当然也会统计到您博客的外链接，下载次数，adsense点击次数等等。

10) ‘Subscribe to Comments’ Report and Stats-如果您很关心读者订阅了您哪些文章，这个插件可以让您清楚的知道是哪些用户订阅了您的哪些文章。对增强读者粘性是很有帮助的哦。

11) WassUp Plugin-一个可以实时地统计您的读者的插件，并且拥有非常易读与有趣的控制界面。

跟联系表有关的

12) cforms-可以在您的博客的任何地方（文章下方等）创建一个AJAX的

13) Secure and Accessible PHP contact form + multi-user version-可以使读者安全，轻易地联系您，给你发送信息，并且可以防止垃圾信息的干扰。

14) intouch-一个可以根据您自己习惯定制的联系表格，利用了AJAX提高了易用性。

跟图片相关的

15) Photo Dropper WordPress plugin-这个新颖的插件可以自动搜索符合Creative Commons licensed（创作公用许可）的flickr照片加入到您的博客中。（注：flickr在国内似乎无法访问）

16) Lightview for WordPress-可以让缩略图片在被点击之后在当前页面放大为原图片。效果十分好看。而且还支持影片， iframed 网页等等。

17) NextGEN Gallery-在您的控制后台创建一个功能强大的相册，并且支持自动水印，图片分类，幻灯片显示等功能。

跟导航有关的

18) Creating a drop down navigation menu using jQuery-创建一个AJAX（jQuery框架）的导航条，动态的下拉效果。

19) WP Digg Style Pagination-不喜欢默认的页面效果，使用这个插件可以轻易地创建一个类似digg.com的页码效果，还可以自己在这个列表选择喜欢的CSS。自己修改也可以。

20) WP PageNavi-创建这样的一个页码效果。Example: Pages (17): [1] 2 3 4 » … Last »

21) In Series-提供一个导航，可以让下一页及上一页指向一系列相关的文章。

22) CustomNav-这个插件可以让您很容易地创建一个水平线导航菜单或者一个垂直的导航菜单。

                                                 点击下载全部插件:       

http://www.hiyihotel.com

今天无意间打开了一个新加坡的美食网站，看到了这样一个美食比赛，并且惊奇地发现了３样比较有名的潮汕小食，而且名字还是一样的那么亲切，炒粿条啦，菜头粿，水粿（咸水粿）。

虽然原作者说是51个TOP的RSS图标,很显然我觉得并不是那样的,里面应该有1半都相当不错的,大家参考着用.

原文地址是:

51 RSS Button For Your Blog

我把他们打包起来,大家喜欢就下载吧:

点我下载(png)

大家好，基础教程时刻又到了。

这一部分我想说说边栏的部分，毕竟对于博客来说，边栏是集成很多功能的区域，重要性不言而喻。

由于每个模板的sidebar.php各不相同，很难一一举例。在这里只能用我的主题Insense来说明了。不过举一反三使我们每个人学习得更快，加油吧朋友。

一般来说，我们可以在边栏放置”分类“，“存档页“，”最新文章“，“最新回复”，”日历“，”功能“，”广告“等等模块。

现在我介绍一下如何在边栏增加一个模块吧。

先打开Insense的sidebar.php，先看看这段代码吧：

<div class=”General Archives”>  
<h3>Archives</h3>
  <ul>
   <?php wp_get_archives(’type=monthly’); ?>
  </ul>
<div class=”GeneralCorner”></div>
</div>

这段代码的功能就是在边栏里增加”存档（archives）“模块，实现过程如下：

1. 建立一个层div，class=General Archives。
2. 建立标题（三级标题）<h3>，标题名为Aechives。（你可以改成中文的）
3. 建立一个无需列表<ul>，在<ul>中调用函数wp_get_archives()。

为什么要建立一个层呢？

—-把每个模块都用层div装起来，各自之间分开，有利于样式css的定义，并使代码更加清晰易懂。

为什么要建立一个无序列表<ul></ul>呢？

—-因为有一些函数，例如wp_get_archives()，wp_list_cats()等会把获取到的存档，分类数据分别用<li></li>标记装起来。而无序列表<ul>正确结构是

<ul>

<li></li><li></li><li></li>…

</ul>

既然函数已经自动帮我们生成了<li></li>，我们就需要在外面用<ul></ul>来把他们装起来。这样才构成一个完整的无序列表。

好吧，现在还是跟着我来实操一下吧。这样就不会那么枯燥了。

我们要往边栏里加入一个显示最新文章的模块。这可能会需要用到中文 WordPress 工具箱这个插件。安装好插件并激活好后，我们就可以开始了，打开你的sidebar.php吧。

然后在你觉得适合的地方打入以下代码。

<div class=”recent_posts”>
        <h3>最新文章</h3>
        <ul><?php get_recent_posts();?></ul>
</div>

 

够简单吧，保存sidebar.php文件后去你的博客看看是不是出现了”最新文章“的模块，你或许会发现他的样式不够好看，这时候就需要修改style.css了。

因为我们把这个层的class定义为recent_posts，你就需要在style.css里建立一个

.recent_posts{….}

如果你懒得这么做，那没关系，你可以直接复制其他模块的css就行了，你的主题模板边栏里的已有模块一定有定义好的css。

接下来，查看网页源代码，找到其他”已有模块“的css的class或id名，然后去style.css里找到他们，把他们的内容有选择性地复制到新建的.recent_posts{…}中。

如果你压根就想让2个模块的样式一摸一样。

你也可以这么做。如果style.css中已经定义了

.classA{width:100px;…………..;}

 

如果你想让你的classB跟classA一摸一样的话，你可以把上面的句子修改成：

.classA,.classB{width:100px;…………..;}

过程就是在原有class后用逗号分开，然后敲入另一个class的名。

好了，今天就教到这里，对于初探wordpress的你，应该可以自己给边栏加入一些你想要的模块了吧。

而我的这篇教程也就到此为止了，毕竟我自己接触wordpress的日子也不久,以后如果有什么更好的体会一定会分享给各位。谢谢大家。我也希望你能从这里学到一星半点的知识。

本文为原创，只发表与本人博客www.edirun.com。转载请与本人联系

今天看到Gmail中一封TLA的邮件中有其公司的地址,在邮件右上角会显示如下:

点一下Map this,呵呵,google map出来了.

没试过是不是中文的地址也可以，我估计是不可以的，并且中文的google map也不完善.大家有兴趣不仿试一试.

大家好，简单的入门教程又来了。建议你在看这篇文章之前先看看《修改wordpress主题的建议（入门级）#1》。

好了，继续上一篇文章，我们现在来看看style.css里的内容，仍然是以我的主题InSence举例，在style.css搜索PostHead后我们得到以下内容：

.PostHead { position: relative; clear: left; margin-left: 40px; }
.PostHead h1 { font-size: 18px; line-height: 1.7em; letter-spacing: -1px; font-weight: normal; padding: 0px; margin: 0px; display: block; color: #cc6600;}
.PostHead h1 a { color: #0066cc; text-decoration: none;}
.PostHead h1 a:visited { color: #0066cc; text-decoration: none;}
.PostHead h1 a:hover { color: #ff9900; text-decoration: none;}

我们可以清晰看出这个class中定义了子选择器h1与h1 a。

h1是指标题（一级标题），而h1 a 则是指标题中的锚样式。

a:visited是指锚被点击之后的样式，a:hover是指当鼠标移到锚上面时的样式，

当然，还有 a:link与 a:active这2个，a:active是指鼠标点击锚并且未放开时的样式。但是这2个属性很少被用到。

ps：无论你使用这4个中任何2个以上，都要注意它们的先后顺序是a:link->a:visited->a:hover->a:active，这样才能保证链接样式的正确表示。简单的记忆方法则是LVoe-HAte。

明确了这些之后，我们就可以更有目的性的修改标题了。

首先我们从.PostHead h1 这个入手，我们一般会需要修改font-size与line-height，color。这是因为英文主题应用了英语的字体，西方字体的大小习惯也与中文有区别。

font-size的含义很好理解，line-height则是指“行高”,例子中的1.7em是指行高是标题字体大小的1.7倍高。而你也可以使用像素单位px来指定值，一般我们建议行高是字体大小的1.2-1.7倍。

接下来我们修改锚（链接）的部分，即.PostHead h1 a与.PostHead h1 a:visited ，.PostHead h1 a:hover（你的主题里或许不止这3个）。

“.PostHead h1 a{} “可以修改链接的正常样式，就是没有任何动作时的样式。

“.PostHead h1 a:hover{}”可以修改鼠标focus时的样式，一般人都会选择改变颜色（color）与下划线（text-decoration）来显示这个一个链接。

“.PostHead h1 a:visited{}”可以修改访问后的样式，比较流行的做法是用一种跟链接正常模式很接近的颜色来显示访问后的样子。（你记得以前的网页吗，点击过后留下很多紫色的文字，很难看）。

默认情况下链接 a的text-decoration属性是有下划线的。如果你想去掉下划线，你可以增加text-decoration:none;。

除了标题之外，还有正文文字，边栏的标题文字，边栏的文字，只要是存在文字的方法。你都可以按照我说的方法进行修改。如果你看到一个CSS属性或者html代码不懂了，你不仿上google或百度一下。在这里我也推荐一个这方面的网站给你，梦之都。

ok，关于文字的部分就说到这里了，希望这些文字有人会需要，也可以从中学到一星半点知识。下一篇我会说说关于修改sidebar边栏的入门教程。

本文为原创，只发表与本人博客www.edirun.com。转载请与本人联系。

　　由于学校评估的关系图书馆多了很多书，但是去了之后还是没有发现太多关于CSS的书籍，难道是被人借光了？看到几本关2标准化的书，都是英文影印版，哎，英文水平好点就行了。

  《CSS禅意花园》这本书我一直想买但是因为《精通CSS》一直没消化完，但是既然图书馆有，我就不客气了hoho。

      再次表扬下”评估“。

或许很多新手在刚刚接触wordpress这个优秀的开源博客系统的时候，会急着试多几款漂亮的主题，特别是很多国外高手的主题。但是当套用别人的主题的时候往往会发现：

1. 字号太小
2. sidebar边栏的功能不符合自己要求
3. 颜色不喜欢
4. 想把英文改成中文

所以这时候，由于我们实在很喜欢这款主题，但是又没有网页制作的基础，没关系，跟我来吧。

在这里我推荐你先读读我爱水煮鱼翻译的教程《从零开始创建 WordPress 主题》，这篇教程简单易懂，介绍了wordpress主题的一些基础知识。

好吧，无论你看完这16篇文章没有，总之，只要你肯静下来试一试，你一定可以把你的主题修改成你最需要最喜欢的。

接下来要做的是：

       打开xampp然后在本地登陆你的blog，你看了（《从零开始创建 WordPress 主题》第一篇吧？）。

问题1的解答：

      打开浏览器，点击工具栏-查看源文件。看到了吧，这些代码就是wordpress最终生成的静态页面的源代码，也就是说，你在你的blog页面看到的东西都是由这些源代码表示出来的（啰嗦了）。

先确定自己要修改哪部分内容的字号大小，然后ctrl+f查找它，比如说我想修改日志的标题大小，举个例子你有一篇日志名叫“hello world”,那么你可以在源代码中查找到”hello world”,关键的地方来了，你要做的就是看看套在”hello world”外面的层div的id 或 class名字是什么。

<div class=”PostHead”>
<h1><a href=”#” mce_href=”#”></a>
<a title=”Permanent Link to Hello world!” href=”http://localhost/wp/?p=1″ rel=”bookmark”>Hello world!</a>
</h1>
<p class=”PostDate”>
   <strong class=”day”>08</strong>
   <strong class=”month”>Nov</strong>
</p>
  <p class=”PostInfo”>作者: admin 归于: <a href=”http://localhost/wp/?cat=1″ title=”显示未分类的所有日志” rel=”category”>未分类</a> </p>
</div>

比如我这个主题里，我们可以看到”hello world”的内容处在 <div class=”PostHead”><h1><a></a></h1></div>的包围下。明确了这一点之后，我们就到主题文件夹下，打开style.css文件，再次使用ctrl+f这个武器，找到class或id的所在地（你可以看到，id是以”#”开头的，而class则是”.”），然后我们就可以对标题的样式进行修改啦，比如文字大小啦，颜色啦，链接颜色，你都可以在这里修改或添加。

当然，我在这里把一些基本的属性列出来：

• font-size:  字的大小,一般采用px作为值的单位，比如font-size:18px;，记得在每个属性后面以分号”;”结束
• font-family:”font1″,”font2″; 采用的字体，可以存在多个值，中间用逗号分隔
• color: 字的颜色，一般使用”#”加颜色的16进制数进行表示。比如color:#cccccc;
• font-weight: 属性一般用normal（普通）,bold（粗体），当然还有bolder（更粗），lighter（更细）等等。比如font-weight:normal;

好了，这个时候基本你已经可以掌握修改字体大小颜色的技能了，是不是很简单呢？

对于之后的一些问题我会在下篇日志中发表，不过基本上的技巧差不多是这样。

如果大家对css的基本规范有什么不懂可以google一下。

本文为原创，只发表与本人博客www.edirun.com。转载请与本人联系。

上周,Windows Live Translate的blog发布了一个用于网站和Blog的翻译程序,它可以在网页中加入下拉菜单,让访客自由选择支持的翻译语种,最终将网页翻译成相关语言. 实现起来也非常简单,首先要到Windows Live的页面中选择好你的语种,并获取代码,然后将其贴到你的网页代码中就可以了 访问:Windows Live Translate Add-in Page

 点击进入

看图吧：

１.首先选择语言

２．这是获取的代码

３．把代码加到网页中

Technorati 标签: ｗｉｎｄｏｗｓ ｌｉｖｅ,ｔｒａｎｓｌａｔｅ