重设本机 Wordpress 管理员密码的方法

默认情况下，Wordpress 将用户密码存放在wp-users表中，利用 phpMyAdmin 查看 wp-users 表，如下所示：

user_pass 即 Wordpress 中的用户 admin 对应的密码，但此密码是经过 MD5 算法进行过加密，所以从这里是不可能反推出未经加密的密码的，所以只能通过重设 admin 对应的密码才可以。

知道 Wordpress 是利用 MD5 进行加密之后，就很容易找出问题的解决方法了。

点击此行左端的 “铅笔” 图标，进入编辑页面，如下所示：

找到第二行的  user_pass ，将此行对应的第5列的 “值”（即密码）设置为新的密码（本例将密码设置为 mima-666666），然后将此行对应的第3列的 “函数” 设置为 “MD5” （从下拉列表中选择 MD5 即可），点击“执行”按钮保存即可。

总结：phpMyAdmin 实在是很强大啊！利用 phpMyAdmin 可以处理各种数据库问题。

利用CSS3 的 transition 属性制作过渡效果的导航栏 实例预览

HTML 代码

<ul id="navigation">
<li><a href="http://www.renniaofei.com">首页</a></li>
<li><a href="http://www.renniaofei.com/category/design/">设计</a></li>
<li><a href="http://www.renniaofei.com/category/graphic/">图像</a></li>
<li><a href="http://www.renniaofei.com/category/inspiration/">灵感</a></li>
<li><a href="http://www.renniaofei.com/category/freebies/">素材</a></li>
<li><a href="http://www.renniaofei.com/category/code/">编码</a></li>
<li><a href="http://www.renniaofei.com/category/tools/">工具</a></li>
<li><a href="http://www.renniaofei.com/category/internet/">互联</a></li>
<li><a href="http://www.renniaofei.com/category/network/">联盟</a></li>
<li><a href="http://www.renniaofei.com/friendlink/">推荐</a></li>
</ul>

CSS 代码

ul#navigation {
	background: #00467f;
	height: 60px;
	margin: 0 auto;
	text-align: center;
}
ul#navigation li {
	height: 60px;
	display: inline-block;
 *display: inline; /* for IE6 & IE7 */
}
ul#navigation li a, ul#navigation li a:link, ul#navigation li a:visited {
	display: inline-block;
 *display: inline; /* for IE6 & IE7 */
	height: 48px;
	text-align: center;
	line-height: 60px;
	color: #fff;
	text-decoration: none;
	padding: 0 15px;
	-webkit-transition: color 0.4s linear; /* CSS3 过渡效果代码 */
	-moz-transition: color 0.4s linear;
	-o-transition: color 0.4s linear;
	font-size: 32px;
}
ul#navigation li a:hover, ul#navigation li a:active, ul#navigation li a:focus {
	color: #7191cd;
}

CSS3 的 transition 属性代码说明

-webkit-transition: color 0.4s linear; /* CSS3 过渡效果代码 */

• color：对 color 属性使用过渡效果，本例中，color 初始的颜色是 #fff （白色），当鼠标滑过时（a:hover）, color 的颜色变为color: #7191cd 。
• 0.4s：过渡效果的时间。
• linear：过渡计时方式为 linear。也即线性过滤。

我们都知道 Twitter 的宕机图是 “Fail Whale”（宕机鲸），其形状圆润，线条构成比较复杂。现在看一下下面这张预览图，你能想象这是一张纯粹利用CSS3来制作的页面吗？点击下面的预览图将会打开 CSS3 版宕机鲸。

请使用除IE之外的浏览器预览上面的页面，例如 Chrome、Firefox、Opera、Safari 等高版本浏览器。

下面这些Logo都是从字体和颜色上去模仿Google Logo，看起来也相当有创意。

1. Alert

2. Gaggle

3. Gargolye

4. Giggle

5. Googy

6. Mirror

7. Noodle

8. Screwgle

9. Stroodle

10. Wenhao

11. Burn

12. Gargle

13. Gaygle

14. Goggles

15. MC

16. Moogle

17. Pac Man

18. Spoogle

19. Stutter

实例预览：

HTML代码：

<div id="menu">
<ul>
<li><a href="http://www.renniaofei.com"> <span class="title">任鸟飞</span> <span class="text">博客简介</span> </a> </li>
<li><a href="http://www.renniaofei.com"> <span class="title">博主</span> <span class="text">博主简介</span> </a> </li>
<li><a href="http://www.renniaofei.com"> <span class="title">博客</span> <span class="text">网页设计类博客</span> </a> </li>
<li><a href="http://www.renniaofei.com"> <span class="title">联系</span> <span class="text">请联系我们</span> </a> </li>
</ul>
</div>

CSS代码：

#menu ul {
	list-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	border:2px solid #000;
	border-left:none;
	float:left;
	clear:both;
	padding: 0px;
}
#menu ul li{
    float:left;
}
#menu ul li a{
    display:block;
    text-decoration:none;
    background-color:#444;
    padding:5px 10px;
    color:#fff;
    width:140px;
    border-right:1px solid #666;
    border-left:1px solid #000;
}
#menu ul li a span{
    display:block;
}
#menu ul li a span.title{
    border-bottom:1px solid #444;
}
#menu ul li a:hover span.title{
    border-bottom:1px dashed #f0f0f0;
    color:#ef0000;
}
#menu ul li a span.text{
    visibility:hidden;
    font-size:13px;
    text-align:right;
}
#menu ul li a:hover span.text{
    visibility:visible;
}

利用:hover特性制作的CSS导航菜单栏——最终效果预览

注：由于IE6不支持除a标签以外的:hover属性，故此例在IE6中没有预想中的效果。

下面是我精心收集的20个国内超酷的网站设计，希望能给你带来丝丝灵感。

1. 东湃演义

2. M&M’s最出彩

3. 海龙设计工作室

4. 西莎愛的音樂故事

5. 飞天舞手绘墙画

6. Z邮局 自邮一套

7. 江苏历史文化名镇–震泽

8. 中国晚清第一名园

9. Fabia晶锐相信之城

10. 半山国际

11. 大城际

12. 手机电视-中国移动通信

13. 纽约时尚

14. 李冰冰国际官方网站

15. 激浪官方网站

16. 娟子个人网

17. 黎静个人网站

18. 千年美丽

19. 阳光里

20. 德芙醇黑巧克力

1. 南非世界杯 2010年6月11日

2. 全球 2010年6月12日

3. 英国-世界杯 2010年6月12日

4. 韩国-世界杯 2010年6月12日

5. 加纳-世界杯 2010年6月13日

6. 德国-世界杯 2010年6月13日

7. 澳大利亚-世界杯 2010年6月13日

8. 阿联酋-世界杯 2010年6月14日

9. 新西兰-世界杯 2010年6月14日

10. 肯尼亚-世界杯 2010年6月14日

11. 意大利-世界杯 2010年6月14日

12. 以色列-世界杯 2010年6月14日

13. 捷克共和国-世界杯 2010年6月14日

14. 台湾-世界杯 2010年6月14日

15. 香港-世界杯 2010年6月14日

16. 西班牙-世界杯 2010年6月16日

17. 中国 香港 台湾-世界杯 2010年6月16日