WP有没有办法打造一个微博widget？
Wednesday, November 25th, 2009即在侧栏中增加一个自己搭的微博？
‘南边是技术’ 分类的全部文章
解决WordpressAllowed memory size of 33554432 bytes exhausted问题
Monday, June 15th, 2009今天Picksth.com的Wordpress（中文）升级到2.8之后，就频繁的出现Allowed memory size of 33554432 bytes exhausted问题。而同时升级的popocat.com的Wordpress（英文）就没有这个问题。感觉很奇怪。另外还同时出现了另一个奇怪的问题，Picksth.com是中文的Wordpress, 升级之后感觉CMS界面的字体爆大，几乎到了晃眼的程度。
于是就，开始想是不是因为中文的关系。重新上传了WP的文件，把config里的语言设置为英文之后。问题解决！
不过Google了一下，说这个问题可以修改下wp-settings.php文件，这样改：
1. Download, back up and open: wp-settings.php in wordpad/notepad
2. Search for define(’WP_MEMORY_LIMIT’, ‘32M’);
3. Change 32M to 64M : define(’WP_MEMORY_LIMIT’, ‘64M’);
4. Enjoy
wp-settings.php文件每次升级会被替换，因此有人提出了一劳永逸的修改方法（注意这个方法的最后一句话）：
1. Create a file called php.ini in the root of your site (if you are using a hosted addon domain, this must be in the subdirectory of that site)
2. In php.ini, enter a line that says
memory_limit = 64MB
3. In your site’s .htaccess (being a Wordpress blog, I’m assuming there is one), enter the following line
SetEnv PHPRC /
(keep the slashes)
4. Edit wp-config.php and enter the following line
define(‘WP_MEMORY_LIMIT’, ‘64M’);
5. Upload the new files to the server
Oh, and don’t tell your hosting provider you’ve done this…
呵呵，顺便把wp-settings.php文件文件也改了。
不过，还是觉得问题的根本在于WP对中文的兼容性的会使这个问题严重化，显露化。因此，用英文的WP是正解！
Wordpress列出当前父分类下的所有子分类
Saturday, May 30th, 2009中饭吃早了，然后就特想折腾折腾Wordpress ^_^rz
想了想，需求是这样的：
（1）每篇日志文章都对应N个分类。这N个分类的关系是，其中一个是另N-1个的子分类。
（2）在每篇日志的下方列出该子分类对应的父分类下所有子分类 — 有点绕口也有点绕脑，反正就是这么回事啦
然后琢磨了半天，发现 书到用时方恨少，函数到用时找不着，PHP到用时写不好 orz
反正写出来了一个：
<p><strong>Similar Categories:</strong>
<?php
$category = get_the_category();
if($category[0]->category_parent ==0)
{
$categoryid = $category[0]->cat_ID;
}
else
$categoryid = $category[0]->category_parent;
<?php
$category = get_the_category();
if($category[0]->category_parent ==0)
{
$categoryid = $category[0]->cat_ID;
}
else
$categoryid = $category[0]->category_parent;
wp_list_categories(“orderby=id&show_count=1
&use_desc_for_title=0&child_of=$categoryid&title_li=&style=none”);
?>
</p>
运行了下，干活！嘿嘿～
其实应该也有Wordpress插件干这个活吧～
ie6不支持min-height的问题
Tuesday, April 28th, 2009在IE6下这样就可以了：
height:auto!important;
min-height:x px;
height: x px;
以前没用过min-height这个属性，现在感觉这个还挺好用的。这个解决办法是根据IE6的特性模拟出来的。
页面元素垂直居中的CSS和JS
Thursday, April 16th, 2009CSS 这样写：
body {
margin: 0;
padding: 0;
font: 12px/1.5 verdana, arial, helvetica, sans-serif;
text-align: center; /* Takes care of horizontal alignment in Internet Explorer */
background-image: url(grid.gif);
}
#content {
position: relative; /* Needed for Safari */
margin: auto; /* Takes care of horizontal alignment in standards compliant browsers */
text-align: left;
width: 200px;
height: 200px;
background-color: #fc0;
}
h1, p {
margin: 0;
padding: 1em;
}
h1 {
font-size: 12px;
line-height: 1.5em;
}
Js 这样写：
function getWindowHeight() {
var windowHeight = 0;
if (typeof(window.innerHeight) == ‘number’) {
windowHeight = window.innerHeight;
}
else {
if (document.documentElement && document.documentElement.clientHeight) {
windowHeight = document.documentElement.clientHeight;
}
else {
if (document.body && document.body.clientHeight) {
windowHeight = document.body.clientHeight;
}
}
}
return windowHeight;
}
function setContent() {
if (document.getElementById) {
var windowHeight = getWindowHeight();
if (windowHeight > 0) {
var contentElement = document.getElementById(‘content’);
var contentHeight = contentElement.offsetHeight;
if (windowHeight – contentHeight > 0) {
contentElement.style.position = ‘relative’;
contentElement.style.top = ((windowHeight / 2) – (contentHeight / 2)) + ‘px’;
}
else {
contentElement.style.position = ’static’;
}
}
}
}
window.onload = function() {
setContent();
}
window.onresize = function() {
setContent();
}
HTML这样写：
<body>
<div id=”content”>
<h1>Content</h1>
<p>This content should be centered in your browser window.
CSS is used for horizontal alignment,
while scripting is used for vertical alignment.</p>
</div>
</body>
43个PSD转xHTML+CSS网页布局及导航教程
Monday, March 23rd, 2009其实是个翻译的列表文,不过要是全看完了,做站是没问题了.
原文:http://www.1stwebdesigner.com/tutorials/43-psd-to-xhtml-css-tutorials-creating-web-layouts-and-navigation/
译文:http://www.yeeyan.com/articles/view/47543/34201
提炼一下有:
1.将 PSD 源文件转换 XHTML 教程
2.叫你如何创建水平滚动网站布局
3.从PSD到xHTML,按部就班教你创建DIV+CSS布局
4.从零开始创建CSS布局
5.从零开始教您创建一个华丽高档的网页-xHTML+CSS教程
6.4个简单的教程教你将PSD制作成CSS HTML
7.使用Drupal创建Killer乐队网站：6篇系列教程
8.教你如何使用CSS创建性感的按钮
9.很酷的水平菜单悬停变大效果
10.CSS模板教程
11.控制文本渐变效果CSS教程
12.CSS超大背景教程
13.将PSD效果图转换成HTML
14.PSD切图和页面的实现
15.模糊背景效果
16.使用CSS Sprites(将图片集合在一张图片中) 技术教程
17.手绘风格CSS导航按钮
18.创建类似Crazy Egg价格列表效果的表格列高亮效果
19.CSS菜单教程
20.Photoshop教程+切片+CSS编码
21.为网页模版切片并用CSS编码
22.为你的第一个PSD网页效果图编码教程
23.使用简单的操作完成复杂的CSS布局实例
24.使用CSS来让你的页脚固定
25.教你如何将PSD转换成xHTML-视频教程
26.高级CSS导航实例教程
27.教程:为你的DIV+CSS布局编码
28.教你如何为网页变换样式
29.浮动教程
30.CSS切片教程:选择正确的布局
31.使用Prototype和Scriptaculous创建简单、智能的手风琴效果
32.CSS Sprites + 圆角
33.简单3步制作圆角布局
34.CSS样式教程
35.转换Photoshop效果图
36.制作CSS纵向菜单
37.使用CSS固定页脚背景图
38.一个简单的散列布局启蒙教程
39.两列布局CSS教程
40.CSS布局技巧:完成100%高度
41.附带一个’behavior’文件的纵向CSS菜单
42.光滑的设计，HTML实例
43.DIV+CSS布局教程
左图右字的布局
Tuesday, March 17th, 2009刚才郭老师的学生和我讨论这个布局：
他的CSS被漂丢了，所以出了些奇怪的BUG。
Shaka说这个其实可以用li来做，不用漂浮。于是，技痒之，搞了个DEMO出来～
DEMO页面在这里，用LI做的，没有使用浮动层。
当然，这是适合左边的图不动的情况，如果左边的图有变化的需求，就不能用background来做了。可以这样：
1、用Table切成2列的 – 不使用漂浮
2、左图向左漂，右字根据实际情况选择漂浮或不漂浮。
Shaka还是建议用Table来做，以便避免使用相对复杂的漂浮层。
在Wordpress中显示随机文章
Sunday, March 15th, 2009函数是这样的：
<ul><li><h2>A random selection of my writing</h2>
<ul>
<?php
$rand_posts = get_posts('numberposts=5&orderby=rand');
foreach( $rand_posts as $post ) :
?>
<li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
<?php endforeach; ?>
</ul>
</li></ul>
具体的在这里：http://codex.wordpress.org/Template_Tags/get_posts
汉化了Tea Timer！
Tuesday, February 24th, 2009嘿嘿，汉化了个简单的Firefox插件Tea Timer！作为了解Firefox插件开发的第一步。
Tea Timer！泡茶定时器 – 作者愿意就是个泡茶提醒。不过Shaka觉得用作“喝茶”提醒也很不错。比如说设定50分钟弹出一次提示（或者播放音乐），那么就不会因为工作太忙而忘记喝水了～
完成的xpi文件在这里, 已经发给作者了，估计Firfox网站上的下个版会加入中文的文件。
其实汉化Firefox插件是很简单的事情，一般的插件是英文的，只要在local文件夹里添加相应的汉化的文件，然后在chrome.manifest文件里，把汉化文件的位置写进去就可以了。
稍稍总结下就是，Shaka以前一直以为Firefox插件里的所有文件都必须是utf-8编码的，现在知道了对于英文等西文来说只要是普通的文本就可以了，但是对于中文等东文来讲，必须是utf-8编码，否则会导致插件出现奇怪的问题。另外，鄙视自己一下，就是Shaka刚知道Edit plus新版是可以转换编码的…看来对于常用的软件还是要关注下更新的。
我用的是啥IE?
Monday, February 2nd, 2009我用的是啥IE?
我一直以为公司给我的机器上是IE7, 而且我看到的也是IE7:
可刚才搞一个极其简单的CSS的时候, 居然出现了双空白边问题, 暴汗~
经多次测试后, 我认为这确实是IE6上才有的双空白边问题, 于是按解决IE6的办法尝试解决这个问题,修改相应的CSS为
margin-right: 2%; *margin-right:1%;
在IE7上运行, 问题解决…汗!!!!
我在Google上搜索了一阵子, 无果… 难道我用的是个披着IE7外皮的IE6? 我yong…
