ShadowBlue

Shadow Blue

主题介绍：
这是一个Wordpress模板，点此预览

新特性：加入了后台设置页面，请在WP后台外观 >> 主题设置中设置

1. 主题内已嵌入了最新的jQuery 1.4.2 ，并已修正多库共存的兼容性问题；

2. 在文章自定义域，添加名称为 avatar 的域，值为需要显示的图片地址，可以自定义文章 avatar ，否则默认显示作者的 avatar ；

3. 暂不支持Ajax提交评论，不过可以很好的通过插件 WordPress Thread Comment 来很好的实现该功能；

4. Widget Ready，后台主题小工具中可以设置4个widget bar，1～4 的widget bar 分别控制右侧，下左，下中和下右的Widget bar；
模板文件夹内的AD文件夹内的 ad_468_60.php 文件可以自行编辑，添加规格为 468×60 像素大小的广告代码：

<div class="ad-in">
在此处粘贴你的广告代码，或者任何大小为468×60的页面元素
</div>

5. 主题不断更新中，推荐使用~~SVN~~ Git 升级主题
…

下载：点此进入下载页面

Demo：点此进入Demo演示

~~SVN:~~
~~http://interjc.googlecode.com/svn/trunk/shadowblue/~~

Git：

git://github.com/interjc/ShadowBlue.git

推荐插件：
翻页： PageBar2
评论： WordPress Thread Comment 、Brian’s Latest Comments

本人时间有限，恕不提供任何即时的技术支持，有问题可以在此留言或者email，我有空尽量回..

历史版本：
Shadow Blue 0.5 Beta
Shadow Blue 0.1 Alpha

123 条评论

Aaron2010.01.21 17:21

支持一下..主题还不错

img回复
interjc 回复:
一月 21st, 2010 - 19:00
@Aaron, 感谢支持，刚做了个小更新，解决了插件的兼容性问题

img回复
Chloe2010.01.21 23:37

我想將nav的部分從category改為tags，有成功的改為tag cloud過，但是每一個tag之間只有一個space的距離，實在太近了，有沒有辦法把每一個tag之間的艱距拉開呢？

img回复
interjc 回复:
一月 22nd, 2010 - 19:41
@Chloe, 如果要改为tags，需要为每个tag标签包含一个 li 标签里
你可以参考一下文档看看怎么写
http://codex.wordpress.org/Tem....._tag_cloud

img回复
interjc 回复:
一月 22nd, 2010 - 22:45
@Chloe, 现在的最新版本已经提供了解决方案，欢迎下载，只需要在nav.php将cat更改为tag即可

img回复
皇家元林2010.01.22 16:21

嗯，你的主题不错啊！
我很喜欢，希望你可以越做越好！

img回复
超人2010.01.24 14:12

好漂亮的主题啊。。准备用用了。

img回复
失控2010.01.24 17:52

这个主题很好看，特来感谢作者。

img回复
interjc2010.01.24 22:58

@皇家元林，@超人，@失控，感谢使用，欢迎多来提意见和想法～

img回复
超人2010.01.25 18:12

我想添加一个jquery载入进度条.. 在那个主题里看到了这张图片. 就想添加. 能否指点下~

img回复
interjc 回复:
一月 25th, 2010 - 21:04
@超人, 看看这个 http://interjc.net/archives/20.....ffect.html

这功能下次更新会加入的

img回复
zwwooooo2010.01.25 18:49

皮不错，过来支持一下！

img回复
dakai.cz.cc2010.01.26 15:26

很好看，我现在在用了，谢谢作者

img回复
超人2010.01.28 19:30

这个主题已经用上很久啦.. 就缺个归档页面模版了.. 嘿嘿~~

img回复
interjc 回复:
一月 28th, 2010 - 20:52
@超人, 归档页面有啊，选择archive模板就可以了，对应Extended Live Archives插件的～

img回复
A.L2010.01.28 21:12

正在使用，覺得還是很不錯的

img回复
skandy2010.01.30 15:15

挺喜欢你的这个主题的，但是总感觉字体有些小了，间距也小了，还有怎么实现段与段之间的自动空一行呢？

img回复
skandy2010.01.30 15:16

挺喜欢你的这个主题的，但是感觉字体太小了，间距也小，还有怎么实现段与段之间自动空一行呢？

img回复
interjc 回复:
一月 30th, 2010 - 15:33
@skandy, 这个， style.css 末尾加上 .entry-text p{ padding-bottom:1em;} ，就可以空一行了，至于字体大小改改 body 里面的 font-size 就行～

img回复
Sad.Boen2010.01.31 16:30

新手，不太明白，头像在哪里设置

img回复
Sad.Boen2010.01.31 16:51

I have registered my gravatar, but it doesn’t display here.

img回复
interjc 回复:
一月 31st, 2010 - 18:49
@Sad.Boen, 现在显示了啊，上传头像可能需要审核吧..

img回复
Alexblair2010.02.02 00:14

不错的原创主题

文本部分，H1,H2,H3的margin属性我建议还是加上，否则挤在一起就没有了排版的意义。

post部分我觉得这样的间距比较合理，可供参考：
h1, h2, h3{margin:1.5em 0 1em 0};

呵呵~~

img回复
interjc 回复:
二月 2nd, 2010 - 16:03
@Alexblair, 恩，你说的不错，reset的太干净了，下次更新集中处理吧～

img回复
皇家元林2010.02.02 09:28

如果你这风格有更新，，记得通知我下哦

img回复
interjc 回复:
二月 2nd, 2010 - 16:02
@皇家元林, 这个你可以关注下SVN，或者订阅我Blog吧，正式更新会发文的～多谢关注～

img回复
翔子2010.02.02 16:38

不错的主题,正在使用中~为了用的更加舒服,自己做了不少更改,但是有一点,首页的文章如何只输出摘要呢?把index.php里头的the_content();改为the_excerpt();不见效果啊…

img回复
翔子回复:
二月 2nd, 2010 - 18:00
呃…是我自己操作失误了,直接改了就可以了…呵呵

img回复
Neo Law2010.02.10 01:25

很喜欢这个主题，已经在用了。
段落之间加了空行，把正文的字体改成 13，看起来舒服一点。
谢谢~~

img回复
Neo Law 回复:
二月 11th, 2010 - 20:12
@Neo Law,
不过觉得这个主题的颜色偏灰了点.
如果可以稍微鲜艳点就好了.

img回复
interjc 回复:
二月 11th, 2010 - 21:10
@Neo Law, 如果鲜艳一点就是另一种风格了，以后可以考虑增加多个可选的配色方案，现在暂且这样吧～

img回复
alibaban2010.02.17 20:29

找到了，准备用用看先。呵.。

img回复
Glegoo2010.03.06 14:03

主题很漂亮，收下了，谢谢博主

img回复
Epile2010.03.18 22:54

jc哥哥好帅~

img回复
Bony2010.03.19 11:26

开发者，。厉害昂，赞一个~~~我喜欢这种简约的风格，不花哨。。。赶紧的，回头我给你多发几个好，你送我这个主题。哈哈

img回复
interjc 回复:
三月 19th, 2010 - 12:51
@Bony, 呵呵，这主题免费下载的

img回复
Founder2010.03.28 19:39

为什么在我这会无法回复呢？求指教，新手
不过真的很喜欢你的作品

img回复
interjc 回复:
三月 28th, 2010 - 19:49
@Founder, 我去看了看，确实不能回复，这可能是后台设置的问题，还原默认设置看看

img回复
Founder 回复:
三月 29th, 2010 - 11:40
@interjc, 谢谢你的指教，我去试试看

img回复
emsky2010.04.06 16:22
模板很不错，但就是不喜欢文章有内链的时候有那个小图标在那个位置。不知道如何去除？在样式文件中去除后，在firefox中显示正常，在IE中还是会显示空格链接地址。请教，谢谢。

img回复
interjc 回复:
四月 6th, 2010 - 23:10
@emsky, 在后台模板编辑页面找到 javascript.js 的第99行，把下面这段代码删除即可
$('.entry-text a').each(function(){ $self = $(this); if(!$self.has('img').length && !$self.hasClass('more-link')){ if(ieVer>7){ $self.addClass('external-link'); } else { $self.after('<a href="' + $self.attr('href') + '" class="external-link-old" target="_blank" rel="nofollow"> </a>'); } } });
img回复
interjc 回复:
四月 6th, 2010 - 23:11
@interjc, 大概就是这一段

img回复
wuhao 回复:
十月 12th, 2010 - 21:11
@interjc, 老大啊，我也是这个问题。无奈把小图标删了后后面还是有个空格，感觉很难看。按照上面方法貌似没有效果。请老大支持。给小弟解决下

img回复
ifenwen2010.05.29 23:03
你好
为什么我用了您的主题后页面底部间距似乎变了
如何能让“©Copyright 分文网 /ShadowBlue . 站点地图 . WordPress . 站长统计 .Top ↑”居中一点显示？
还有我想让文章索引和分类目录在一栏显示就是说在一行左边是索引右边是分类可以实现么？

img回复
interjc 回复:
五月 31st, 2010 - 09:14
@ifenwen, 第一个问题，最简单的办法是在”Top ↑”这链接后面加一
<br />
吧；第二个问题只有你自己折腾了，实现是一定可以的

img回复
ifenwen 回复:
五月 31st, 2010 - 11:16
@interjc, 很好很强大
你是用了wp thread comment么？为什么我用了它之后会在回复后面多了“[]”这样的符号

img回复
interjc 回复:
五月 31st, 2010 - 12:26
@ifenwen, 是的，这你得到后台去设置

img回复
interjc 回复:
五月 31st, 2010 - 12:32
@ifenwen, wp thread comment的后台设置里面

img回复
vastar2010.06.02 18:51

测试下能否ajax提交评论

img回复
interjc 回复:
六月 2nd, 2010 - 20:23
@vastar, ajax评论在我这儿有点小bug，所以关闭了

img回复
maonx2010.06.05 22:45

我想问下怎么实现多级目录?

img回复
interjc 回复:
六月 9th, 2010 - 19:40
@maonx, 这个是jquery实现的，你看我代码就知道了

img回复
IT门外汉2010.06.11 19:48

主题很漂亮
请问为何我用了之后首页显示的都是整篇文章
如何让每篇文章都只显示一部分啊？
谢谢了！

img回复
interjc 回复:
六月 11th, 2010 - 21:46
@IT门外汉, 在后台新建文章的时候有个“more”按钮，你点了试试

img回复
IT门外汉回复:
六月 12th, 2010 - 11:02
@interjc, 谢谢，问题解决了。
可是为什么有些主题就不用做这个操作就能达到同样的效果呢？

img回复
interjc 回复:
六月 12th, 2010 - 18:54
@IT门外汉, 这个属于萝卜白菜的问题，也可以添加这个功能，只是可能有人希望全文输出的，为了符合大众需求还是用系统自带的吧

img回复
puma2010.06.21 18:29

IT门外汉, 这个属于萝卜白菜的问题，也可以添加这个功能，只是可能有人希望全文输出的

img回复
fountain2010.06.27 13:09

我想问下这个主题支持WP3系列吗？我想升级了。

img回复
interjc 回复:
六月 28th, 2010 - 19:22
@fountain, 貌似应该不会有什么问题

img回复
interjc 回复:
六月 28th, 2010 - 19:24
@fountain, http://demo.interjc.net/ 这个站就是WP3.0

img回复
fountain2010.06.29 12:19

能否帮忙检查下嵌套回复不显示的问题？演示地址：http://vv15.com/2010/06/deepfreeze7-key/#comments

img回复
囧啊囧2010.07.03 12:19

请问我想在文章底部版权声明下面插入一个广告位应该怎么做啊？代码插入到什么地方？你能不能做的像头部广告那样自定义啊？

img回复
interjc 回复:
七月 5th, 2010 - 19:42
@囧啊囧, 到footer.php去插入代码，暂不能像头部那样设置

img回复
ifenwen2010.07.14 15:27

用了一段时间感觉还不错请问如何将整个页面宽度扩大些
我量了下整个宽度才900 我想边栏部分就不用改了把内容部分扩大些要使整个宽度达到940-960 不知道该如何是好

img回复
interjc 回复:
七月 15th, 2010 - 21:09
@ifenwen, 你这个是众口难调的事情，前段时间给三颗药(http://www.feilinphoto.com)做过一个有偿改版，你可以找他商量看他愿不愿意赠与或卖个版权给你

img回复
ifenwen 回复:
七月 16th, 2010 - 15:40
@interjc, 呵呵看来只能自己想办法了

img回复
DouO2010.07.15 11:06

我发觉列表标签不被支持,ul ol 编号都显示不出来.
老大,你检查下那里出问题

img回复
interjc 回复:
七月 15th, 2010 - 21:08
@DouO, 列表全部都被reset了，自己给ul或者ol加个 style=”padding-left:2em;”，应该就出来了

img回复
ericroupi2010.08.05 14:53

这套皮肤很喜欢，谢谢作者。

img回复
阿龙2010.08.07 17:39
请教排骨哥，怎么设置，可以一打开网站即隐藏右侧。另外，如何让ie下照片不变形？

img回复
interjc 回复:
八月 8th, 2010 - 21:45
@阿龙, 暂时没有这样的设置选项，你需要在functions.php里把第30行开始的
if($_COOKIE['sidebarHide']==true){ $class .= ' sidebar-hide'; }
改为
$class .= ' sidebar-hide';
即可;
第二个问题，打开ie6.js，删除
//修正大尺寸图片大小 $('img').each(function(){ if(this.width>450){ $(this).width(450); }});
顺便说一下，你所说的是IE6，而不是IE..

img回复
阿龙2010.08.08 21:56
多谢排骨哥，不过我的win7下ie8也是变形的~。

img回复
interjc 回复:
八月 9th, 2010 - 19:34
@阿龙, 可怜我的老爷机装不了win7，我XP上的IE8是正常的

img回复
interjc 回复:
八月 9th, 2010 - 19:39
@interjc, 哦，原来我这也变形了，其实想要图片不变形最简单的办法是直接在图片里写个 style=”height:aaapx;width:bbbpx;”aaa和bbb分别为图片的宽度和高度

看来图片自适应高度和宽度还有很多兼容性问题要做，你姑且先干掉这功能吧，直接删除style.css里面的第23行的以下代码即可
a img, img { border:none; max-width:90%; height:auto; }
img回复
阿龙回复:
八月 9th, 2010 - 21:18
@interjc, 多谢排骨帅锅~

img回复
阿龙回复:
八月 9th, 2010 - 21:21
@interjc, 可以汇报下，在chrome下是正常的，可以自适应~~呵呵。

img回复
interjc 回复:
八月 10th, 2010 - 18:56
@阿龙, 确实，人懒了就是没办法，平时就是拿chrome看看没特大问题也就没有去测了..囧..现如今连firefox都懒的去开了..

img回复
煎豆2010.08.14 20:20

太爱interjc了，好简洁的主题！！谢谢！！不过经过我的学习以后我会超过你！！

img回复
interjc 回复:
八月 15th, 2010 - 13:51
@煎豆, good luck!

img回复
mumoon2010.08.20 22:23

原来我用的主题就是你弄的啊！
真是造福于民，

img回复
夏小淚2010.09.05 06:57

我拿走了~~~
马上换上啊~~

img回复
盒子2010.09.06 20:03

确实是好看了很多

img回复
interjc2010.09.08 20:02

最近上班太忙了，昨天blog也挂了（可能是我网络挂），关于本主题的各种问题各位自己临时处理一下吧，我有时间也会回答问题和更新的.. 一直想重构没时间，以后再搞吧，呵呵～
各种不便敬请包涵～

img回复
霁飞2010.09.14 16:44

亲爱的博主好，为什么主题在我博客上收缩侧边栏都不好用了呢？各个浏览器都是，期待您的解答，谢谢

img回复
interjc 回复:
九月 14th, 2010 - 21:55
@霁飞, 你对原主题的改动也太大了吧，要不就是你用了某些缓存的插件？重新下载一个最新版装上试试？

img回复
interjc 回复:
九月 14th, 2010 - 21:56
@霁飞, 你这很多js都失效了

img回复
霁飞回复:
九月 14th, 2010 - 22:17
@interjc, 主题代码没怎么改动的，缓存插件装了PHP speedy 和 WP super cache，我也发现JS失效了，是插件的关系？

img回复
霁飞回复:
九月 15th, 2010 - 11:08
@interjc, 果然是PHP speedy的原因，停用后JS恢复，谢谢博主了

img回复
大智若鲁2010.10.10 12:38

好主题，留着以后用

img回复
bijuterii argint2010.10.11 20:06

各个浏览器都是，期待您的解答，谢谢

img回复
slabire2010.10.11 20:14

暂不支持Ajax提交评论

img回复
skidu2010.10.19 11:00

很喜欢这个主题，已经使用有一段时间了
最近很想改一改。。比如说侧边边栏那里，“最新评论”和“标签”那里前面的小图标是一样的，我想改一改。我在style.css里面修改了 “.widget_recent_comments h2 { background:url(img/icon/icon-comments.png) ”并在该文件夹下添加了相关图片，可是为什么清除缓存刷新后那里依然是以前的图片呢？
另外就是我添加了新的版块（广告），我采用这样的形式
赞助广告
并在css里相关位置添加了.widget_adsesnse h3 { background:url(img/icon/icon-adsense.png) 这样的语句，请问这样操作正确么？
我这里依然无法显示想要的效果- -
感谢！

img回复
interjc 回复:
十月 19th, 2010 - 19:50
@skidu, 因为ie6下面用了gif图片，你还要修改相应的gif图片

img回复
skidu 回复:
十月 19th, 2010 - 19:52
@interjc, 可是我是在IE8下面测试的呢- -

img回复
interjc 回复:
十月 19th, 2010 - 22:40
@skidu, 刚才我看错了，widget 和 recent_comments是两个class啊… 你的拼写有误…

img回复
skidu 回复:
十月 19th, 2010 - 22:43
@interjc, 我看你在sidebar.php里面最新评论这样的地方都是写的。。所以我就照着做了- -
我再检查检查~~

img回复
interjc 回复:
十月 19th, 2010 - 22:48
@skidu, wp的命名很乱，慢慢你就习惯了..

img回复
skidu 回复:
十月 19th, 2010 - 22:50
@interjc, 我再研究研究，不懂再来问哈~O(∩_∩)O~

img回复
skidu 回复:
十月 19th, 2010 - 23:16
@interjc, 问题解决了，是定义的问题，谢谢了哈~O(∩_∩)O~

img回复
interjc 回复:
十月 20th, 2010 - 22:10
@skidu, 哈哈，解决了就好～

skidu 回复:
十月 19th, 2010 - 22:45
@interjc, 。。貌似被隐藏掉了？
[li class="widget widget_meta"]
[h2]选项[/h2]
(换成[]了)
我是看你是这么定义的，所以我也就照做了。。汗

img回复
Angel2010.10.30 11:06

感谢大大提供的shadowBlue 主题，已经移植到了micolog上去了，呵呵。

img回复
Suthlin2010.11.27 15:52
这个主题非常NICE，第一眼就喜欢上了，都没想到要改些什么，^_^，，，LZ 如果要把右侧边栏默认改成HIDE 怎么修改？谢谢

img回复
interjc 回复:
十一月 30th, 2010 - 19:08
@Suthlin, 感谢支持！要侧边栏默认关闭貌似是修改这个文件：functions.php
把第30至32行改成：
$class = 'sidebar-hide';
就可以了

img回复
Suthlin 回复:
十一月 30th, 2010 - 19:10
@interjc, 收到，谢谢了，正在尝试把顶部的页面列表改成3.0的菜单，，，看过空间的都说这个主题贼漂亮~~~谢谢你拉

img回复
2ndshao2011.01.13 11:42

感谢你的漂亮的主题，我用上了，并且也根据上面的回复去掉了內链的小图标。谢谢。

img回复
nvrwp2011.02.26 03:10

这个主题兼容性很好，很喜欢。
有个问题，我想知道怎么更改blog名的颜色，因为我想用深色的的背景。在CSS找到颜色代码后一改所有的链接颜色都变了，不知道该怎么改了

img回复
nvrwp 回复:
二月 26th, 2011 - 23:32
@nvrwp, 已经解决了，用得比较笨的办法，没办法门外汉啊！

img回复
interjc 回复:
二月 27th, 2011 - 19:34
@nvrwp, 呵呵，能解决就好

img回复
企鹅君2011.04.08 05:45

又来麻烦你了，如果页面高度不足已出现滚动条，那么页面就会向右偏移一个滚动条的宽度，这个如何解决？还是shadowblue主题，我现在是强制使用html {overflow-y:scroll;}，有没有更好的解决办法呢？

img回复
interjc 回复:
四月 8th, 2011 - 17:13
@企鹅君, 这个事就是浏览器的问题了，页面应该是偏移了半个滚动条的宽度吧，因为页面是始终居中的吧，滚动条没了浏览器可视宽度变大了页面自然会移动。没明白你想要达到一个什么效果呢？是要页面总在那个位置还是说需要总是显示滚动条呢？

你的方法也可以，不过个人感觉有点多此一举啊，就那样不是挺好吗？

img回复
企鹅君回复:
四月 8th, 2011 - 19:39
@interjc, 嗯，因为我这有几个页面高度较小，切换页面的时候会会整体左右移动，看上去不舒服。所以我就让垂直滚动条一直出现，这样页面就不会右移了。谢谢了~

img回复
囧2011.05.10 20:29

这主题不错呀

img回复
tahero2011.07.27 05:19

暂不支持Ajax提交评论

img回复
starxue2011.09.21 23:49

请问那个LOGO怎么换啊……

img回复
interjc 回复:
九月 22nd, 2011 - 20:18
@starxue, 替换掉img目录下的logo.png就好了，注意尺寸要一样

img回复
Hanice2011.12.13 17:59

请问排骨兄弟，主题添加图片后总是有一圈白色边框且鼠标移动上去时候又会出现蓝色边框，请问如何修改去掉白色边框保留鼠标移动上去的蓝色呢？

要不然做的PNG图片会变得很囧啊~

img回复
Hanice 回复:
十二月 13th, 2011 - 18:19
@Hanice, 呵呵，自己找到了~不用麻烦了~HOHO

img回复
interjc 回复:
十二月 15th, 2011 - 11:55
@Hanice, 恩，主题里面的某些效果的确是有点自作主张了。
今后的下一个版本会把各种个性化功能提炼出来用后台选项加以管理的。
最后感谢你的提问。

img回复