wordpress 主题之更改超级链接样式

Graygift — Fri, 31 Jul 2009 03:27:38 +0000

现在的效果超级链接效果代码如下:

a href="#" rel="external"

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

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

当然了面对失败不能后退啊！后退了，还不如我当初不问了，让人郁闷！突然别我发现这小子尽然也在用这个方法，哈哈！俗话说的好，写出来的不一定是好的，怎么都得留一手吧。但是我用FF把他用的给揪出来啊！我查看了他网页源代码发现了一段写在博客上的javascript代码。

^?Download download.txt

<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"){
								anchor.target = "_blank";
								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>
anchors>script>

最下面两个/标签去掉，插件bug啊!然后直接拷贝到我的header.php文件的上面去.当然了要不这中间的“c”改为自己的文章的id最好是文章栏的id。接下来把css代码复制到我的style.css中去，就可以了不过我发现他的css代码不好看就把它稍微处理了一下，把后面的背景下调了一下.

^?Download download.txt

a.external {
	padding:0 12px 0 0;
	background-image: url(images/external.png);
	background-repeat: no-repeat;
	background-position: right center;
}
}

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

rel="external"

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

感谢：blade

Graygift@ye » 链接

wordpress 主题之更改超级链接样式