wordpress 主题之更改超级链接样式
{Graygift} 2009年07月31日 星期五11:27 上午. 点击量：174 次
现在的效果 超级链接效果 代码如下:
a href="#" rel="external"
其实这个我也不是很懂，在群里面一叫，blade童鞋告诉我的。嘿嘿，接下来当然是动手了！
当然了blade童鞋把别人想得和自己一样高深，其实网上很多人和我一样什么都只懂些皮毛，所以他写的我还是搞不清楚，怎么办呢，我准备找他的时候他人不在线，靠超郁闷！（ps：他是29号告诉我的，我是30号开始动手的！）
当然了面对失败不能后退啊！后退了，还不如我当初不问了，让人郁闷！突然别我发现这小子尽然也在用这个方法，哈哈！俗话说的好，写出来的不一定是好的，怎么都得留一手吧。但是我用FF把他用的给揪出来啊！我查看了他网页源代码发现了一段写在博客上的javascript代码。
?Download download.txt
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | <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文件的</head>上面去.当然了要不这中间的“c”改为自己的文章的id最好是文章栏的id。接下来把css代码复制到我的style.css中去，就可以了不过我发现他的css代码不好看就把它稍微处理了一下，把后面的背景下调了一下.
?Download download.txt
1 2 3 4 5 6 7 | a.external { padding:0 12px 0 0; background-image: url(images/external.png); background-repeat: no-repeat; background-position: right center; } } |
不过就是使用超级链接的时候麻烦一些，要手动在<a>标签中加入
rel="external"
如果你喜欢我的超级链接的背景的话直接右键复制图片吧!
感谢：blade
回复
对《wordpress 主题之更改超级链接样式》有 3 条评论