June 20th, 2007 by Tom

My new wordpress theme “dusk” feel free to download
This theme has been downloaded more than 700 times at themes.wordpress.net and go on.

Theme name: Dusk

Preview
Download

Screenshot

dusk_screenshot.jpg



Related Posts

  • Resources For Learning To Create a Wordpress Theme
  • Free wordpress theme : Blog Blue
  • Free wordpress theme : Dark Stripe
  • Free wordpress theme : Memoir
  • Free wordpress theme : Sunset
  • 11 Responses to “Free wordpress theme : Dusk”

    1. Hi,

      i really like this theme and I using it at my wordpress installation, i modified a bit, escpecially regarding its look.
      but what bothers me a bit is the javascript “column.js”. it probably doesn’t work right because sometimes the header nearly disappears, the whole page is sliding upwards. :( you can taste the problem here in interaction with a forum plugin, it appears when you try to add a new topic.
      http://www.halo19.de/lab/?page_id=51

      thanks for helping
      dissi

    2. @ dessi,

      If you think the problem is form my javascript, you can delete it in header.php . This javascript use for make equal height in column left and right. I posted new topic in your forum and haven’t found error. After deleted this javascript please change code a bit in footer.php and style.css

      footer.php
      replace

        <div id="footer">
          <div id="footer1"></div>
          <div id="footer2"></div>
        </div>
      </div>   < --- end of wrapper tag>
      </body>
      </html>

      to

      </div>   < --- end of wrapper tag>
      <div id="footer">
          <div id="footer1"></div>
          <div id="footer2"></div>
        </div>
      </body>
      </html>

      To chage this code because footer will have a problem when remove javascript. you have to move footer out of #wrapper and style it as #wrapper

      style.css

      add margin to footer to make it aligns =center
      and style other like #wrapper{}

      Ex.

      #footer{
      margin: 0 auto 0 auto;
      border-left: xx px;
      border-right: xx px;

      }

    3. thank you very much for your answer.

      the reason why you didn’t find the problem is probably because i already tried something else to solve the problem. since it appeared only with some plugins, i made a special page template for the plugin (without a sidebar and a footer).
      now it works that way.
      the rest of the theme is lovely.

      best wishes,
      dissi

    4. Sir, very beautiful theme (I’m one of those 700 downloads from Wordpress). It’s my first wordpress and am learning quite a bit about coding and css and the like. I was looking around at widgets and notices that this theme appeared to not be “widget ready”. Is that correct, and/or do you have plans to make it so?

      Regards,
      David

    5. @David,

      I’ve forgot to include a file name “functions.php”. I’ve upload a new version, you just download again and in the zip file you’ll see a file name “functions.php” copy and paste into your dusk directory.

    6. Hey, thanks a bunch. Another question, though: I’ve done some mods on the css and the like which I really don’t want to do again. Can I just add the functions.php in a way that won’t alter what I’ve changed? I’m guessing that all I have to do is drop the new functions.php into the themes folder dusk-10 that I’ve already uploaded to my server? Thanks again. You can see what I’ve done here:

      http://www.projectdateline.com

      David

    7. @David

      You need only “functions.php”

    8. I would like to move my blog title down a bit and was wondering if you could tell me which style sheet to do that in, and specifically which section. And if you have a recommendation as to some numbers to use to move it down, I would appreciate it. I’m new to this, so any specifics would be helpful. Thanks in advance, David. You can see what I’m doing here:

      http://www.projectdateline.com/

    9. David,
      Open style.css
      find this line

      #header1{
      width: 390px;
      height: 165px;
      float: left;
      padding: 45px 0 0 30px;
      }

      See at height : 165px; and padding: 45px 0 0 30px; this is a shot tag of padding top > right > bottom > left

      You want to move your blog title down a bit, you can increase padding-top value more than 45px; but when you increased value more than 45px you must decrease value of height example.

      In this example I increase padding-top 10px and decrease height 10px

      #header1{
      width: 390px;
      height: 155px;
      float: left;
      padding-top: 55px;
      padding-right: 0;
      padding-bottom: 0;
      padding-left: 30px;
      }

      Total height= 210px;
      padding-top+height= 210px;

    10. Worked perfectly, thank you for the good instructions.

    11. I couldn’t understand some parts of this article , but I guess I just need to check some more resources regarding this, because it sounds interesting.

    Leave a Reply