个人感觉英文版的比较好用，但是不能忽略了一个问题，那就是网页中可能会有
1 | <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> |
这样会带来什么后果？那就是浏览器或者搜索引擎会把你的网页当成英文网页，比如影响中文搜索引擎的收录，甚至可能当点击“只显示中文网页时”把您的页面删去
操作：
1.进入后台，编辑插件，(Themes – Editor)
（也可以用ftp软件编辑、下载下来编辑好再上传、通过WebShell编辑等）
2.打开当前主题的header.php文件（如果有header-fullpage.php操作相同）
3.找到
1 2 3 | <html ……> //通常为： <html <?php language_attributes(); ?>> |
4.修改为：
1 | <html xmlns="http://www.w3.org/1999/xhtml" lang="zh" xml:lang="zh"> |
5.保存修改
刷新页面可看到变化。
CodeBox当代码过长时底部会出现一个水平滚动条，可这样导致高度计算错误，垂直方向也出现了一个滚动条，这本也不是什么大不了的事。
关键就在于如果只有一行代码，那这行代码就看不到了（不信你可以试试，长度只要超过页面宽度就行）
同样，设计网页时也可能会出现这种情况（IE内核）
解决方法：
1.进入后台，编辑插件，(Plugins – Editor)
（也可以用ftp软件编辑、下载下来编辑好再上传、通过WebShell编辑等）
2.打开codebox.css文件
3.找到
1 2 3 4 | /* codebox */ .wp_codebox { …… } |
4.将
1 | overflow: auto; |
修改成：
1 2 3 | overflow-x: auto; overflow-y: hidden; padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0); |
5.保存修改
搞定，刷新页面可看到变化。
注意：笔者写这篇文章时，WP-CodeBox最新版本为1.4.3
Custom Smilies在你添加新表情后，必须手动为每一个表情键入一个独特的表情代码，如果表情比较多，这也是相当浪费时间的，而且一般我们的表情代码都有一定规律，比如我的[#01][#02][#03]……
操作：
1.进入后台，编辑插件，(Plugins – Editor)
（也可以用ftp软件编辑、下载下来编辑好再上传、通过WebShell编辑等）
2.打开common.inc.php文件
3.查找这一行代码：
1 | <td><input type="text" name="<?php echo $smilie_name ?>" value="<?php echo $old_smilies[$smilie] ?>" style="text-align:center" /></td> |
4.将其修改为：
1 2 3 4 5 6 7 8 | <td><input type="text" name="<?php echo $smilie_name ?>" value="<? if ($old_smilies[$smilie]) { echo $old_smilies[$smilie]; } else { ?>[#<?=$count+1?>]<? } ?>" style="text-align:center" /></td> |
5.别忘了最后一步，一定要更新你的表情才有效：进入博客后台Smilies设置页面，点击Update
以后只要你进入Smilies的管理页面，都会将所有表情自动编号，你点击Update即可
注意：笔者写这篇文章时，Custom Smilies最新版本为2.9.1
今天装了Custom Smilies (By Crazy Loong) 插件，可是却发现表情图片都变成了叉烧包，右键点属性，发现图片地址中本来是空格的莫名其妙变成了下划线：’_’
打开插件文件，找到cs_save_smilies函数，再往上找，是cs_save_smilies($_POST);看来可能并不是这个插件的bug，那我们就在cs_save_smilies函数这里动点手脚吧
1.进入后台，编辑插件，(Plugins – Editor)
（也可以用ftp软件编辑、下载下来编辑好再上传、通过WebShell编辑等）
2.打开common.inc.php文件
3.找到cs_save_smilies函数的定义（找到下面这段代码）
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | // save smilies to file function cs_save_smilies($array) { if (!is_array($array)) { return; } foreach ($array as $k => $v) { // sanitize smilies: remove \ ' " and trim whitespaces $array[$k] = trim(str_replace(array('\'','\\', '"'), '', $v)); } $array = array_flip($array); $array4db = array(); foreach ($array as $k => $v) { // sanitize smilies file name $array[$k] = $v = str_replace('|', '.', $v); if (!in_array($v, array('update-smilies', 'page')) && !in_array($k, array('', 'QAD'))) { $array4db[$k] = $v; } } update_option('clcs_smilies', $array4db); return $array; } |
4.在
1 | $array[$k] = $v = str_replace('|', '.', $v); |
后面添加：
1 | $array[$k] = $v = str_replace('_', ' ', $v); |
5.别忘了最后一步，一定要更新你的表情才有效：进入博客后台Smilies设置页面，点击Update
注意：笔者写这篇文章时，Custom Smilies最新版本为2.9.1
#left { float:left; width:200px; }
#right { float:right; width:200px;}
#middle { margin:0 205px !important; margin:0 202px; height:500px; background:#ffa;}
<div id=”Content”>
<div id=”left”>固定的left</div>
<div id=”right”>固定的right</div>
<div id=”middle”>左右width固定，中间自适应</div>
</div>
即可实现中间width=100% – 左右~~~
CS中：objABC a{color:fff}
JS中：
var a=document.getElementById(“objABC”).getElementsByTagName(“a”);
a[0].style.color=”fff”;
如果objABC中有多个a标签则
var a=document.getElementById(“objABC”).getElementsByTagName(“a”);
for(var i=0;i<a.length;i++){
a[i].style.color=”fff”;
}
如果是要设置a:link或者a:hover则应用类来实现，如~
CSS中设置
objABC a:hover{color:000}
objABC a.new:hover{color:fff}
JS中：
var a=document.getElementById(“objABC”).getElementsByTagName(“a”);
a[0].className=”new”;
还原开始的style则
var a=document.getElementById(“objABC”).getElementsByTagName(“a”);
a[0].className=”";
如果有多个请参考上面用循环即可
CSS中的
objABC{background-position:-50px -50px}
JS中：
document.getElementById(“objABC”).style.backgroundPositionX=”-50px”;
document.getElementById(“objABC”).style.backgroundPositionY=”-50px”;
额，居然还有人老问我这个问题……
在你的链接：<a href=”http://zi-jin.com/”>紫禁城</a>
href后面加上 target=”_blank” 即可：
<a href=”http://zi-jin.com/” target=”_blank”>紫禁城</a>
如何更改带有超链接的文字显示的颜色？
如何使鼠标移动到该文字显示另一种颜色？
如何更换链接被点击后文字的颜色？
可以定义a的style：
text-decoration; 下划线
color;字体颜色
font-size;字体大小
background-colorl字体的背景颜色
a: link 设置 a 对象在未被访问前的样式。
a: hover 设置对象在其鼠标悬停时的样式。
a: active 设置对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式
a: visited 设置 a 对象在其链接地址已被访问过时的样式
例如：
<style>
a:link {color: #FF0000} /* 未被访问的链接 */
a:visited {color: #00FF00} /* 已被访问的链接 */
a:hover {color: #FF00FF} /* 当有鼠标悬停在链接上 */
a:active {color: #0000FF} /* 被选择的链接 */
</style>
（必须依照以上顺序）
若只想改变一个div容器里style
可以这样:
#divID a:link {color: #FF0000}
给大家段弹出窗口代码，也许有人用的上
<!—————————-弹出广告 开始—————————->
<script language=javascript>
window.showModelessDialog(“ads/index.htm”,”CHINAZindexP”,”center:no;dialogLeft:5px;dialogTop:5px;scroll:0;status:0;help:0;resizable:0;dialogWidth:476px;dialogHeight:470px”)
</script>
<!—————————-弹出广告 结束—————————->
代码放index.asp， ads/index.htm就是你要弹出的窗口，内容自己做
玩无提示关闭窗口的javas cript代码：
<OBJECT id=closes type=”application/x-oleobject” classid=”clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11″>
<param name=”Command” value=”Close”>
</object>
<s cript language=”Javas cript”>
function shutwin()
{closes.Click();return;}
</s cript>
<a href=”javas cript:shutwin();”>关闭本窗口</a>
这是使用ActiveX技术实现的，在注册表中看到其调用的是一个叫HHCTRL.OCX的控件，不知道是谁最先发现，完全无提示，很牛~
该控件在VB环境中不能实例化，不知道是什么缘故~
另外，对于已创建的窗口，不能取消菜单栏，工具条什么的。
玩透弹出窗口
经常上网的朋友可能会到过这样一些网站，一进入首页立刻会弹出一个窗口，或者按一个连接或按钮弹出，通常在这个窗口里会显示一些注意事项、版权信息、警告、欢迎光顾之类的话或者作者想要特别提示的信息。其实制作这样的页面效果非常的容易，只要往该页面的HTML里加入几段javascript代码即可实现。下面俺就带您剖析它的奥秘。
【1、最基本的弹出窗口代码】
其实代码非常简单：
<SCRIPT LANGUAGE=”javascript”>
<!–
window.open (‘page.html’)
–>
</SCRIPT>
因为着是一段javascripts代码，所以它们应该放在<SCRIPT LANGUAGE=”javascript”>标签和</script>之间。<!– 和 –>是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。
window.open (‘page.html’) 用于控制弹出新的窗口page.html，如果page.html不与主窗口在同一路径下，前面应写明路径，绝对路径(http://)和相对路径(../)均可。用单引号和双引号都可以，只是不要混用。
这一段代码可以加入HTML的任意位置，<head>和</head>之间可以，<body>间</body>也可以，越前越早执行，尤其是页面代码长，又想使页面早点弹出就尽量往前放。
【2、经过设置后的弹出窗口】
下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。
我们来定制这个弹出的窗口的外观，尺寸大小，弹出的位置以适应该页面的具体情况。
<SCRIPT LANGUAGE=”javascript”>
<!–
window.open (‘page.html’, ‘newwindow’, ‘height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no’)
//写成一行
–>
</SCRIPT>
参数解释：
<SCRIPT LANGUAGE=”javascript”> js脚本开始；
window.open 弹出新窗口的命令；
‘page.html’ 弹出窗口的文件名；
‘newwindow’ 弹出窗口的名字（不是文件名），非必须，可用空”代替；
height=100 窗口高度；
width=400 窗口宽度；
top=0 窗口距离屏幕上方的象素值；
left=0 窗口距离屏幕左侧的象素值；
toolbar=no 是否显示工具栏，yes为显示；
menubar，scrollbars 表示菜单栏和滚动栏。
resizable=no 是否允许改变窗口大小，yes为允许；
location=no 是否显示地址栏，yes为允许；
status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；
</SCRIPT> js脚本结束
【3、用函数控制弹出窗口】
下面是一个完整的代码。
<html>
<head>
<script LANGUAGE=”javascript”>
<!–
function openwin() { window.open (“page.html”, “newwindow”, “height=100, width=400, toolbar=
no, menubar=no, scrollbars=no, resizable=no, location=no, status=no”)
//写成一行
}
//–>
</script>
</head>
<body onload=”openwin()”>
…任意的页面内容…
</body>
</html>
这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。
怎么调用呢？
方法一：<body onload=”openwin()”> 浏览器读页面时弹出窗口；
方法二：<body onunload=”openwin()”> 浏览器离开页面时弹出窗口；
方法三：用一个连接调用：
<a href=”#” onclick=”openwin()”>打开一个窗口</a>
注意：使用的“#”是虚连接。
方法四：用一个按钮调用：
<input type=”button” onclick=”openwin()” value=”打开窗口”>
【4、同时弹出2个窗口】
对源代码稍微改动一下：
<script LANGUAGE=”javascript”>
<!–
function openwin()
{ window.open (“page.html”, “newwindow”, “height=100, width=100, top=0,left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no”)
//写成一行
window.open (“page2.html”, “newwindow2″, “height=100, width=100, top=100, left=100,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no”)
//写成一行
}
//–>
</script>
为避免弹出的2个窗口覆盖，用top和left控制一下弹出的位置不要相互覆盖即可。最后用上面说过的四种方法调用即可。
注意：2个窗口的name(newwindows和newwindow2)不要相同，或者干脆全部为空。OK？
【5、主窗口打开文件1.htm，同时弹出小窗口page.html】
如下代码加入主窗口<head>区：
<script language=”javascript”>
<!–
function openwin()
{window.open(“page.html”,”",”width=200,height=200″)
}
//–>
</script>
加入<body>区：
<a href=”/blog/1.htm” onclick=”openwin()”>open</a>即可。
【6、弹出的窗口之定时关闭控制】
下面我们再对弹出的窗口进行一些控制，效果就更好了。如果我们再将一小段代码加入弹出的页面(注意是加入到page.html的HTML中，可不是主页面中，否则…)，让它10秒后自动关闭是不是更酷了？
首先，将如下代码加入page.html文件的<head>区：
<script language=”javascript”>
function closeit()
{setTimeout(“self.close()”,10000) //毫秒}
</script>
然后，再用<body onload=”closeit()”> 这一句话代替page.html中原有的<BODY>这一句就可以了。(这一句话千万不要忘记写啊！这一句的作用是调用关闭窗口的代码，10秒钟后就自行关闭该窗口。)
【7、在弹出窗口中加上一个关闭按钮】
<FORM>
<INPUT TYPE=’BUTTON’ value=’关闭’ onClick=’window.close()’>
</FORM>
呵呵，现在更加完美了！
【8、内包含的弹出窗口-一个页面两个窗口】
上面的例子都包含两个窗口，一个是主窗口，另一个是弹出的小窗口。
通过下面的例子，你可以在一个页面内完成上面的效果。
<html>
<head>
<SCRIPT LANGUAGE=”javascript”>
function openwin()
{OpenWindow=window.open(“”, “newwin”, “height=250, width=250,toolbar=no,scrollbars=”+scroll+”,menubar=no”);
//写成一行
OpenWindow.document.write(“<TITLE>例子</TITLE>”)
OpenWindow.document.write(“<BODY BGCOLOR=#ffffff>”)
OpenWindow.document.write(“<h1>Hello!</h1>”)
OpenWindow.document.write(“New window opened!”)
OpenWindow.document.write(“</BODY>”)
OpenWindow.document.write(“</HTML>”)
OpenWindow.document.close()}
</SCRIPT>
</head>
<body>
<a href=”#” onclick=”openwin()”>打开一个窗口</a>
<input type=”button” onclick=”openwin()” value=”打开窗口”>
</body>
</html>
看看 OpenWindow.document.write()里面的代码不就是标准的HTML吗？只要按照格式写更多的行即可。千万注意多一个标签或少一个标签就会出现错误。记得用OpenWindow.document.close()结束啊。
【9、终极应用–弹出的窗口之Cookie控制】
回想一下，上面的弹出窗口虽然酷，但是有一点小毛病(沉浸在喜悦之中，一定没有发现吧？)比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页)，那么每次刷新这个页面，窗口都会弹出一次，是不是非常烦人？:-(有解决的办法吗？Yes! -) Follow me.
我们使用cookie来控制一下就可以了。
首先，将如下代码加入主页面HTML的<HEAD>区：
<script>
function openwin()
{window.open(“page.html”,”",”width=200,height=200″)}
function get_cookie(Name)
{var search = Name + “=”
var returnvalue = “”;
if (documents.cookie.length > 0) {
offset = documents.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = documents.cookie.indexOf(“;”, offset);
if (end == -1)
end = documents.cookie.length;
returnvalue=”/blog/unescape(documents.cookie.substring(offset,end))”
}
}
return returnvalue;
}
function loadpopup(){
if (get_cookie(‘popped’)==”){
openwin()
documents.cookie=”popped=yes”
}
}
</script>
然后，用<body onload=”loadpopup()”>（注意不是openwin而是loadpop啊！）替换主页面中原有的<BODY>这一句即可。你可以试着刷新一下这个页面或重新进入该页面，窗口再也不会弹出了。真正的Pop-Only-Once
分享到QQ空间