Blog > Wordpress > DarkLight 2.3

DarkLight 2.3

On Oct 26th, 2009 // by Alan // Posted in Wordpress // Go to comment

这两天开始动手修改 G-White 主题，很多东西修改，还是比较麻烦的，费了不少时间，然后在各浏览器下调试的时候，发现 IE7 下有挺多细节问题要修正的，于是有了这篇 DarkLight 更新的文章，其实部分 DarkLight 2.0 的部分 Bug (根据用户的反馈)，已于 10/18 修正并更新，今天主要就是处理了 IE7 下的问题，当然应该还有一些其他的细节问题我没发现，还是需要大家继续反馈。Change Log 如下：

- 9/20 更新：修改在无评论时 sidebar 和 footer 字体变大的 Bug。
- 10/18 更新：修改侧边栏样式，修正使用 Widget 工具时“标签云”样式，当添加工具时，侧边栏各个工具样式保持一致；修改嵌套评论“链接”的颜色；增加下拉菜单导航样式，当主页面包含子页面时，鼠标经过会出现下拉菜单(IE6 无视)。
- 10/26 更新：修正 IE7 下 Comment Author 居左问题；修正 IE7 下嵌套评论间距过大和嵌套评论内容高度过高问题；修正导航栏下拉菜单在 IE7 下异位问题。修正留言后 Leave a comment 这个链接变成 <a href=”#commentform”>Leave a comment</a> 的 Bug，我把这个链接转移位置了。
- 12/14 更新：把文章标题显示 Article-link(Permalink) 换成显示原标题

预览：Preview 1 | Preview 2
演示：Live Demo

下载 DarkLight 2.3

Posted Tags: , , Leave a comment
声明: 本站遵循 署名-非商业性使用-相同方式共享 3.0.0 共享协议. 转载请注明转自 Alan's World

Related Posts

107 Comments for this entry.

  1. jinwen
    on Oct 26th, 2009 // #1 Reply

    这么优秀的主题不能错过！

  2. Showfom
    on Oct 26th, 2009 // #2 Reply

    顶！！！！

  3. Showfom
    on Oct 26th, 2009 // #3 Reply

    2 Comment / Leave a comment

    一个Bug ！！

  4. Showfom
    on Oct 26th, 2009 // #4 Reply

    打错了，直接放代码了，显示成了：

    3 Comment / <a href=”#commentform”>Leave a comment</a>

    • Alan
      on Oct 26th, 2009 Reply

      嗯，Ajax 留言后就这样了，之前也有人说这个问题，看来得改一下了。

  5. bsod1
    on Oct 26th, 2009 // #5 Reply

    hey alan can you give us some english information please :)

    i upgrade my page witout installing the new version because it’s too hard too customize again, but i don’t understand what changed so i can’t update exactly, thanks for your support

    • Alan
      on Oct 26th, 2009 Reply

      Hi bsod1, I put the Change Log in English in the “Read Before Use” Doc in the zip pack. The change log as below:

      - Updated on Oct-26-2009: Fix several bugs under IE7, especially the dropdown menu navigation, this time it looks better under IE7.
      - Updated on Oct-18-2009: Update the sidebar’s style, corrected the bug that when using Widget, the style of “Tag Cloud” item or other item add by plugins would be different with others, now all will be the same; Use new color for Links’ style in thread comments, that would be easier for reading; Add styles for Menu navigation – a dropdown menu, that’s when the pages have there childrens’ page, the menu navigation will look better and normally (dosen’t work under IE6)
      - Updated on Sep-20-2009: Updated the comments.php doc, fixed the bug that when there are no comments in posts, the sidebar and footer’s font size and color would be unnormally.

  6. havxi
    on Oct 26th, 2009 // #6 Reply

    主题非常漂亮，喜欢。谢谢。

  7. 西唐
    on Oct 26th, 2009 // #7 Reply

    请问这个问题如何处理

    Fatal error: Call to undefined function: link_pages() in d:\www\climber\wwwroot\new1\wp-content\themes\darklight_2\single.php on line 19

    • Alan
      on Oct 26th, 2009 Reply

      你可以把 single.php 下的第 19 行删除。

  8. finao
    on Oct 27th, 2009 // #8 Reply

    你好，前阵下到你在BM的87主题，很是喜欢

    有点小问题，如果方便给修改下吧。见论坛回复内的图

    http://bbs.berrymail.cn/thread-20512-6-1.html

    • Alan
      on Oct 27th, 2009 Reply

      一直没空去搞这个主题，等我有空再更新一下，细节问题还是要继续改进的，谢谢关注。

  9. welee
    on Nov 15th, 2009 // #9 Reply

    好漂亮的主题！！

  10. Branko
    on Nov 17th, 2009 // #10 Reply

    why ajax is not working with comments when I install you theme? in you page it shows two arrows circling and says submiting comment…. transitions effects and everything.
    Myne just posts a comment no effects… why is that?

    • Alan
      on Nov 17th, 2009 Reply

      Hi, Branko, you should enable the thread comments in Setting->Discussion, you can only choose 3 levels deep.

      • Branko
        on Nov 17th, 2009

        the comments are working normally, but the ajax effect is not working…. no transitions

    • Alan
      on Nov 17th, 2009 Reply

      Make sure the comments-ajax.js doc is in the “js” folder and the comments-ajax.php doc is in the “darklight_2″ folder directly, if so, I think it can work well. if the both doc is in the mentioned folders directly, but it still can’t work, pls check if any plugin are conflig with the ajax comment. Pls let me know if the Ajax comment still can’t work, thank you for feedback!

      • Branko
        on Nov 17th, 2009

        OK I’ve got two problems.

        1. I deactivated all my plugins and comments (with ajax) are working fine, but there is just a litlle problem:
        Quickpost this image to Myspace, Digg, Facebook, and others!

        2. theme is not working with smart video plus plugin … how can I fix that?

        Thank you for your support!

        p.s. I also suggest Live comment preview for your site: plugin

      • Branko
        on Nov 17th, 2009

        this is the first problem: comment behind button

    • Alan
      on Nov 17th, 2009 Reply

      So, you mean the ajax comment transition works? Is there only the problem you mentioned for ajax comment effect?

    • Alan
      on Nov 18th, 2009 Reply

      For the first problem, infact when submiting comment, the “Submit Comment” button would hide itself, I don’t know why this happen to you, to fix it, just open the style.css, and find “#commentload”, fix this “margin: 15px 0 15px” to “margin: 45px 0 15px”, then find the “#commenterror”, fix the “padding: 15px 15px 15px” to “padding: 45px 15px 15px;”

      For the second, actually I don’t know much about Ajax, I just copy the codes and learned to fix problems to fit my theme, I’m sorry I can’t give any suggestion to this.

      P.S. I had fix the comments-ajax.js to show the arrow img when submiting coments, you can download the theme again, and just replace the comments-ajax.js doc.

      Also, thank you for the recommended plugin, and thanks again for you feedback.

      • Branko
        on Nov 18th, 2009

        “Submit Comment” button does hide itself and text “submiting comment…” shows…. then text stays there and button shows up again (like on the picture I put here)

        problem is text doesn’t hide…

    • Alan
      on Nov 18th, 2009 Reply

      I’ve tested DarkLight 2.4 which I released, and the ajax comment transition shows without any problem, I really don’t know why this happen, I guest there’s still some plugin conflig with this ajax comment. Maybe you can removed the ajax comment from this theme, and use plugins to archive Ajax comment, so that you can fully enable the other plugins you needed.

  11. chris
    on Nov 18th, 2009 // #11 Reply

    不知道什么原因 ajax评论不起作用

  12. chris
    on Nov 18th, 2009 // #12 Reply

    新搭建的WP2.86来测试的。没有任何插件….而且我访问您的博客回复的时候同样没有ajax效果

    • Alan
      on Nov 18th, 2009 Reply

      你的浏览器不支持 JS 吧？

      • chris
        on Nov 19th, 2009

        囧 换了台电脑试了试 还真是这问题 用的马桶啊（IE版本是8）……貌似其他JS都正常 安全级别也都默认的 彻底无语 昨天搞这个搞了半天

        不过现在还是不知道怎么解决这个浏览器问题

  13. liveasx
    on Nov 24th, 2009 // #13 Reply

    主题很好看,我博客下载了但没使用.

    • LiveAsx
      on Nov 24th, 2009 Reply

      对了,主题没中文,难道正在制作中?

      • Alan
        on Nov 24th, 2009

        呵呵，一直没搞中文化这个动作

  14. Chris
    on Nov 27th, 2009 // #14 Reply

    额，还是个老问题。在文章页希望超出侧边栏长度的部分不再那么瘦了，希望能占满全屏，请问应该怎么做

    • Alan
      on Nov 27th, 2009 Reply

      这个似乎不能

  15. Edwin
    on Nov 29th, 2009 // #15 Reply

    Nice theme Alan, see ya

  16. koobai
    on Dec 1st, 2009 // #16 Reply

    下载下来研究下ajax提交评论

  17. koobai
    on Dec 1st, 2009 // #17 Reply

    看看ajax提交效果~~~

  18. koobai
    on Dec 1st, 2009 // #18 Reply

    貌似提交的时候不显示楼层数~~~作者有虾米解决方法么

    • Alan
      on Dec 2nd, 2009 Reply

      Ajax 评论调用的是 comment-ajax.php 这个文件，评论样式可参考 function.php 里面的评论样式部分。

      • koobai
        on Dec 2nd, 2009

        样式会修改，主要是想提交以后能显示楼层数，譬如说现在是37楼，再增加一条评论就是38楼了，但提交以后不会显示，要刷新页面以后才显示。或者提交以后显示了，但显示有错误，显示成1楼了~~~

    • Alan
      on Dec 3rd, 2009 Reply

      这个 js 不是我写的，我也不会 js，所以估计解决不了这问题了，你可以到这里看看

  19. bsod1
    on Dec 28th, 2009 // #19 Reply

    hi alan, i need your help again :)

    i want to make this theme full-screen. on every resolution, i want this theme to fit the page but i don’t know enough html/css, could you help me which codes i need to add in css file?(menu width may be same, but the main column must be fit the page)

    • Alan
      on Dec 28th, 2009 Reply

      You can make the change as below, the width will auto changed to fit the screen itself no matter how width the screen you use:

      #wrap { width: 100%; margin: 0 auto; }
      #header { width: 100%; }
      #content { width: 97%; padding: 35px 15px 25px; }
      #contentwrap { width: 69.3%; }
      .footer_mid { width: auto; padding: 0 15px; }

      • bsod1
        on Dec 28th, 2009

        thank you alan,

        it doesn’t work because of contentwrap, when we did it 69,3%, its width depends on resolution, but menu is fixed. so i decided to extend my page but not make it full-screen.

  20. Chris
    on Jan 3rd, 2010 // #20 Reply

    请问Blogroll的友情链接怎么添加。。。？

    • Alan
      on Jan 3rd, 2010 Reply

      不懂，不是你添加链接就会自动显示的么？

      • iliang
        on Jan 21st, 2010

        我的不会显示Ajax

  21. iliang
    on Jan 21st, 2010 // #21 Reply

    我的没有ajax效果.IE下老出现脚本错误.是怎么回事.

  22. iliang
    on Jan 21st, 2010 // #22 Reply

    能否共享一份你这个主题.发给我一套吧.很喜欢.超级喜欢!iliang@live.cn

  23. iLiang
    on Jan 21st, 2010 // #23 Reply

    为什么我的没有效果.晕死了.博主.赶快帮我解决下吧?

    • Alan
      on Jan 22nd, 2010 Reply

      会不会跟插件冲突了？

      • iliang
        on Jan 22nd, 2010

        新的.没装任何插件.怎么可能冲突呢?

      • iliang
        on Jan 22nd, 2010

        发现了根LightBox有冲突.难道不能安装这个插件么..

    • Alan
      on Jan 22nd, 2010 Reply

      似乎是跟lightbox冲突的

  24. shirp
    on Jan 22nd, 2010 // #24 Reply

    不好意思,又来麻烦你,我想问下,怎么在首页的评论上调用那个Gravatar标志

    • Alan
      on Jan 23rd, 2010 Reply

      我用插件的：http://wordpress.org/extend/plugins/wp-recentcomments/

  25. untitled
    on Jan 31st, 2010 // #25 Reply

    怎么我下的你的主题和你现在这个页面的风格不一样啊

    • Alan
      on Feb 1st, 2010 Reply

      总会有些差异

  26. untitled
    on Feb 1st, 2010 // #26 Reply

    能不能把现在你正在使用的这个主题共享一下。我现在才开始学习wordpredd。想在本机上学习学习呀。多多帮助哟。

    • Alan
      on Feb 1st, 2010 Reply

      给你发邮件了

      • untitled
        on Feb 1st, 2010

        收到，非常感谢，。

    • V-Ren
      on Jun 13th, 2010 Reply

      可否把你现在用的主题也发给我一下？
      非常感谢！

  27. 痕迹
    on Feb 15th, 2010 // #27 Reply

    喜欢该主题。
    首页的文章图片不会自动缩略，就是如果图片较大，会穿过侧栏。
    文章内的相关文章为什么显示不了？我安装相关文章插件，加入代码，显示得很难看。

  28. David
    on Feb 24th, 2010 // #28 Reply

    主题非常漂亮,以前就用您的主题.这次2.4不知道为什么,第一次安装的时候侧边栏到下面了.才发现时日历的问题。去了日历,侧边栏就不显示了.请求帮助.谢谢.

    • Alan
      on Feb 24th, 2010 Reply

      能给个网址看看么？我本地测试是没问题的

      • David
        on Feb 24th, 2010

        网址:www.idsen.cn 很喜欢你的风格 希望你能帮助解决了!

  29. David
    on Feb 24th, 2010 // #29 Reply

    网址:www.idsen.cn 很喜欢你的风格 希望你能帮助解决了!

    • Alan
      on Feb 24th, 2010 Reply

      你把插件禁用试试

      • David
        on Feb 24th, 2010

        好了 呵呵 太感谢你了!

  30. LtFox
    on Mar 15th, 2010 // #30 Reply

    Alan你好，有个问题请教，我今天尝试用live writer发布日志，在G-white的主题下，writer可以成功的读取日志模板，在darklight下面就不行。这只是个小问题，并不影响发布，只是不能实时地看到日志发布时候的效果。不过我还是想确认一下是我的安装出了问题还是darklight不支持？对了我的还在2.0版本上。
    主题一直很美，谢谢。

    • Alan
      on Mar 15th, 2010 Reply

      这个问题真不懂，没研究过，主题应该不会影响 live writer 的吧？而且两个主题的架构差不多，只是样式不一样，不好意思，帮不了你了

  31. untitled
    on Mar 17th, 2010 // #31 Reply

    你的主题很好，设置在分类后显示日志时，分类名和日志数字不在一行，帮助解决一下啊。

    • Design6d
      on May 24th, 2010 Reply

      同求

  32. sharson
    on Apr 6th, 2010 // #32 Reply

    请教达人：怎么修改顶部的LOGO字体啊，眼睛都看花了也没有找到，还有就是右侧的“search this blog”这类字体
    谢谢啊
    如果要直接发送代码，就发sharson_hr@yahoo.com.cn吧
    谢谢了

  33. ltfox
    on Apr 21st, 2010 // #33 Reply

    您好，请问鼠标移到页面上自动显示下面的字目录的代码是如何实现的？我在预览的时候可以用，启用之后那个效果就没了？

    • ltfox
      on Apr 22nd, 2010 Reply

      problem solved, thx though

  34. Design6d
    on May 24th, 2010 // #34 Reply

    你好，主题很漂亮，谢谢
    但是好像图片用了特效，鼠标移动到图片上下面会出现一条黄线，我用的这个图片特效插件FancyBox for WordPress在主题下不起作用了，我想的是怎么修改它主题里对图片的特效去掉啊？谢谢

    • Alan
      on May 25th, 2010 Reply

      你的图片是链接，因为我设置了链接效果，所以会出现鼠标滑过后图片下面有红线
      关于插件用不了我就不清楚了

      • Design6d
        on May 25th, 2010

        图片的链接效果能不能去掉？

    • Alan
      on May 25th, 2010 Reply

      只能把鼠标滑过链接的样式改改咯

      • Design6d
        on May 26th, 2010

        也行啊，如何把图片下面那条线去掉

        能详细的告诉我吗？

    • Alan
      on May 26th, 2010 Reply

      打开 style.css 文件找到，然后找到：.entrybody p a:hover, .entrybody ul li a:hover, .entrybody ol li a:hover，把 {} 里面的”background: #CC5E33; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 2px 3px;” 分别删除，把 “text-decoration: none;” 改成 “text-decoration: underline;” 即可

      • Design6d
        on Jun 3rd, 2010

        老大，这种方法图片下面的横线去掉了，但是文字的超级链接的特效也没有，能不能只去掉图片的？

    • Alan
      on Jun 3rd, 2010 Reply

      没其他办法了

  35. Leyond
    on Jun 3rd, 2010 // #35 Reply

    很漂亮啊

  36. ㄚ原
    on Jun 5th, 2010 // #36 Reply

    這個布景的JS會跟jQuery Image Lazy Load WP不相容
    裝上去後迴響的名紫、E-mail 、website會不見
    有什麼方法可以解決嗎？

    • Alan
      on Jun 5th, 2010 Reply

      打開js文件夾中的all.js文件，把“隐藏评论资料框”以下的內容刪除試試

  37. V-Ren
    on Jun 12th, 2010 // #37 Reply

    刚刚使用了你的darklight-2-3，感觉非常好！
    但是这个主题中的插入图片效果不怎么好啊？
    以前的模板，我插入的图片的都是右对齐的，但是换了这个主题后图片的现实稍微有点问题！！
    页面的排版不怎么整齐啊？？
    后来又改为了图片在顶端，左对齐了！无奈！
    这个问题可以解决么？
    再次感谢！

    • Alan
      on Jun 13th, 2010 Reply

      你可以打开 style.css，增加如下：
      .aligncenter {
      display: block;
      margin: 0 auto;
      } /*居中显示*/
      .alignleft {
      float: left;
      } /*靠左*/
      .alignright {
      float: right;
      } /*靠右*/

      • V-Ren
        on Jun 13th, 2010

        还是不行啊？？页面图片排版还是不正常！
        还有这个主题里面有这种评论的效果？？怎么用啊？
        可否在加一个博主回复留言是邮件提醒呢？
        非常感谢！

      • V-Ren
        on Jun 13th, 2010

        还有一个问题？
        麻烦了！
        就是怎么显示副标题？？

      • V-Ren
        on Jun 13th, 2010

        回复的按钮不显示啊？

      • V-Ren
        on Jun 13th, 2010

        图片排版解决了，但是鼠标放上去会显示一个红色竖线，怎么回事呢？
        补充：我装了LightBox Plugin !
        非常感谢！

  38. V-Ren
    on Jun 12th, 2010 // #38 Reply

    这个主题真的很不错哦！
    值得拥有！

  39. V-Ren
    on Jun 13th, 2010 // #39 Reply

    回复问题解决了！！
    Settings—>Discutssion–>Other comment settings–>Enable threaded
    也同样是在这里找到答案的！
    谢谢了！

    • Alan
      on Jun 13th, 2010 Reply

      1. 装一个Mail To Commenter插件就可以回复邮件提醒了
      2. 图片是链接形式所以会有下划红线，这个修改了链接的鼠标滑过效果就基本没了。
      3. 回复按钮在回复后15秒内消失，防止重复留言
      4. 排版问题要在发图的时候选择 align 属性，编辑里面应该有的
      5. 博客副标题的调用函数是

      < ?php bloginfo('description'); ?>
      • V-Ren
        on Jun 13th, 2010

        可不可以重写一个图片的样式表啊？
        谢啦！

    • Alan
      on Jun 13th, 2010 Reply

      应该可用js控制吧，但我不会，只能改变链接样式来达到效果

  40. 骗骗
    on Jun 17th, 2010 // #40 Reply

    使用dakrlight2.3，index页面中无法调出Sidebar.php和footer.php，但是在正文和其他页面中却无恙，苦思不得其解。
    另外，我用的是wordpress2.9.2。

    • Alan
      on Jun 17th, 2010 Reply

      看安装说明，你应该是启用了pagenavi插件

  41. 皇家元林
    on Jul 7th, 2010 // #41 Reply

    你的评论样式设计的不错

  42. star_garden
    on Jul 9th, 2010 // #42 Reply

    这主题。。 打动我心， 我想这就是所谓的视觉冲击力吧。

    不能不顶，

  43. Somebody
    on Jul 13th, 2010 // #43 Reply

    我想要你侧栏标题的那种瘦高字体，我看了下style.css一头雾水请问怎样设置，如果你能告知的话，非常感谢.

    • Alan
      on Jul 13th, 2010 Reply

      要用圖片實現的

Trackbacks/Pingbacks:

  1. Tweets that mention DarkLight 2.3 | Alan's world -- Topsy.com
  2. G-White 2.0 | WP迷死
  3. 网页设计中的双色分隔线 | Jinwen Say
  4. Two Great WordPress Themes | QuantMinds.com

Write a Comment.

XHTML: You can use these tags: <code>, [cci](for inline codes), <blockquote>, <strong>, <em>