非常高兴大家喜欢这个模板。由于这几天在
帮朋友制作他的Blog,所以放出晚了。请见谅。
这个模板总的来说制作的非常粗糙,有能力的朋友请帮忙补完。本模板不保留任何权利,你可以任意下载,修改,传播。
如果你在修改和使用时有什么疑问,请到
我的Blog上留言,或直接发Mial:ghbjy1128{AT}gmail.com 联系我。
此模板测试通过的浏览器为 Ie7 / FireFox2.0+ / Ie6 ,测试Wordpress版本为2.3.3
与模板相关的插件为,Pagebar,Wordpress Thread Comment,WP-PostViews,WP Grins
与Wordpress Thread Comment相关的代码如下
结构
复制内容到剪贴板
代码:
<div class="comment-childs" id="comment-[ID]">
[content]
<table class="upup" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="name"> <?php comment_author_link() ?> <span><?php comment_date() ?> <a href="#comment-<?php comment_ID() ?>"> <?php comment_time() ?></a> </span>
</td>
<td class="img"><?php if (function_exists('gravatar')) { gravatar_image_link(); } ?></td>
</tr>
</table>
</div>样式
复制内容到剪贴板
代码:
[content]
.editComment, .editableComment, .textComment{ display: inline;}
.comment-childs{border: 3px solid #2B2B2B;word-wrap:break-word;color:#656565;margin:10px 0 10px 0;padding:15px 15px 10px 15px;background: #2F2F2F url(); float:left;}
.upup{float:right;margin:0 -12px -26px 0;+margin:0 -12px -9px 0;_margin:0 -5px -9px 0;}
.upup td{text-align:right;}
td.name{color:#eee; font-size:12px; padding-top:18px;line-height:12px;padding-right:5px;}
td.name a{color:#00D8FF;}
td.name span{display:block;margin:0 0 0 0; width:110px; position:relative;text-align:right;text-transform:uppercase;}
td.name span,td.name span a{font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#777;}
td.img a:hover img{border:3px solid #00D8FF;}
td.img img{ height:35px; width:35px;border:3px solid #15151a;margin:0;}因为使用了Png透明背景的关系,所以在Ie6下会和其它浏览器不同。
(本来想使用Hack写入滤镜来解决,但因为子元素使用太多relative的关系,导致浏览效率下降,所以干脆放弃了Ie6.)
此模板提供2个背景。如果需要更换就到Css文件内,替换相应代码。
复制内容到剪贴板
代码:
body{font-family: Tahoma, Verdana; font-size:12px; color:#ccc;background:#404040 url(images/backimg2.jpg) bottom fixed; }
替换为
body{font-family: Tahoma, Verdana; font-size:12px; color:#ccc;background:#404040 url(images/backimg2.jpg) 0 -20px fixed; }下载
[
本帖最后由 ghbjy1128 于 2008-3-1 20:22 编辑 ]