DIY Theme

October 15th, 2007

Click on the link in the sidebar to see the live demo.

Click here to download the zip file.

This theme is a clean and simple design, set up for you to be able to customize it. I have included seven different header images for you to choose from in the /images file, and will be writing an upcoming series of posts about how to completely customize your theme using this as a base.

Customization post #1: learn how to edit your CSS and read a beginning lesson on changing the font color of your header.

To change the header image, open the Stylesheet file in the Theme Editor, and change the header image name in the following area of code in the #head section near the top of the file:

background-image: url(images/headerdrop.jpg);

Here are the header images:

headerdrop.jpg:

headerleaf.jpg:

headerred.jpg:

headerroad.jpg:

headerrose.jpg:

headerwater.jpg:

headerfield.jpg:

If you haven’t already found a host for your web site, I recommend 1and1. They’ve been absolutely great for me and the price is very good. Click the button below to check them out:

Banner

 

Education is a very important part of life, so look into online degree programs  that interest you. Pick any subject like a degree in web design and make a commitment to learning more. Look into online univerisites in your area!


31 Responses to “DIY Theme”

  1. Michael on October 18, 2007 12:44 am

    Looking good, I like clean designs, I will keep an eye on these posts to customize it further.

    Off to download it now.

  2. mharia on October 23, 2007 2:49 am

    this looks like something that I’ve been looking for!
    will download … many thanks! :)

  3. tukang on November 1, 2007 4:38 am

    hi randa. may i re-designed your DIY theme for a blogger xml template?

    thank you.

  4. Randa Clay on November 1, 2007 7:16 am

    Sure, if you retain my link in the footer. :)

  5. Steve on November 7, 2007 5:44 pm

    How do you add the time to a post in DIY?

  6. Peter on December 4, 2007 7:23 pm

    Beautiful, but the right column drops down. There’s so many design with errors like that. Annoying. You should not publish till it’s fixed - and you should give a little more info about the designs (read for widgets? Adsense? Whatmore?)

    Good luck!

    Peter

  7. admin on December 4, 2007 9:25 pm

    You’re the first to report the right column dropping down. What resolution are you using?

  8. Bong (JB) on December 11, 2007 8:00 am

    Nice theme! We’ll try it out in our blog. Thanks. Greta blog you have here.

  9. Peter on January 10, 2008 7:53 pm

    My screen is 1920 X 1200.

    Peter

  10. Steve on January 18, 2008 1:24 pm

    With regard to the right column dropping down, check the size of images in your posts. If the width is too great, the column will drop. You may need to resize post images. I limit mine to a width of 425 pixels and don’t have a problem with it anymore.

    There’s a great WP plugin called iMax Width that will take care of it for you.

  11. Steve on January 18, 2008 1:26 pm

    Oops. Link for iMax Width should be http://www.soldesignco.com/wordpress-imaxwidth.html.

  12. admin on January 18, 2008 3:17 pm

    Thanks Steve!

  13. ibFly on February 5, 2008 1:43 am

    I want to know how to add a manu similar to http://www.celebritycowboy.com (with the search feature). I could really use this instead of having it in my right bar. Than I would be all set.

    Please help!

    I would also like to change my bullets into stars.

  14. ibFly on February 5, 2008 1:44 am

    How I hate the comments portion. I would like to be able to have a section for Name, Email and Website.

    How do I do this?

  15. ibFly on February 5, 2008 1:44 am

    I also want to add images to the right and left sidebars… a lot I know.

  16. Rick NHS on February 22, 2008 2:58 pm

    Those are awesome themes, I’ve downloaded the zip file… now if I can just find the time to modify a couple of my blogs!! I particularly liked the one titled ‘headerroad’ It reminds me of Arizona, and I’m going to recommend it to a friend of mine who recently started a Arizona Fisherman blog! Thanks!

  17. Travis on February 28, 2008 12:35 pm

    Thanks for the theme. I’ve searched low and high but can’t figure out where the dotted lines between posts or betweeen posts and comments are coming from. I’d like to turn them off.

    Any help?

    Thanks,
    Travis

  18. Randa Clay on February 28, 2008 12:45 pm

    Hi Travis - you can turn off that dotted line by going into the Stylesheet and finding this section:
    .item {
    padding: 0px 20px 10px 20px;
    margin-bottom: 1.5em;
    color: #333333;
    border-bottom: 1px dotted #cccccc;
    font-size: 1.3em;
    line-height: 1.4em;
    }

    Just remove the “border-bottom” line. Hope that helps!

  19. Utkarsh Kukreti on March 22, 2008 11:51 am

    Thanks for this really nice looking theme. I love the white + blue combination!

  20. Image Host on March 25, 2008 10:26 am

    I love the green leaf (headerleaf.jpg)….. just stunning!

  21. Lee Sealy on April 10, 2008 12:39 am

    I’m looking for a wordpress theme that can be used with various ecommerce plugins. I think that I may have just found what I’m looking for.

    Thank you for the great theme and I look forward to the customization info. Being only HTML literate, I really appreciate you sharing this idea.

  22. Jo on April 16, 2008 11:08 pm

    I really like your headers thanks for providing them. I especially like the header water and field with the brilliant skies, very peaceful settings. Makes a very inspiring theme for a website.

  23. keith west on April 20, 2008 5:03 pm

    Hello webmaster I ran across your site while searching for html background image code and your post regarding heme at Themes by Randa Clay caught my attention .. Good info thanks Sunday

  24. moserw on April 23, 2008 1:01 pm

    Going to d/l and check it out. Thanks for sharing. Came here as a link from another blog, but I do like what I see and shall be coming back for more. Keep up the sharing and the good work.

  25. Host on April 30, 2008 3:40 am

    I searched for \’How To Clean Host File For Good\’ in google and found this your post (\’heme at Themes by Randa Clay\’) in search results. Not very relevant result, but still interesting to read.

  26. Rick Ankrum on May 1, 2008 12:21 am

    I just started using your DIY theme. The width is good, the look is pleasing and I like the easy CSS editing.

    One problem I am having though is getting the tags to show for each post. Any idea how to turn these on?

    Also I am trying our Woopra but my stats are not appearing in Woopra. Do you know of any issues with the DIY theme? Woopra says the theme has to be standards compliant. Is DIY theme standards compliant?

  27. Monavie on May 1, 2008 5:26 pm

    Great info, downloading now. It seems like a really clear design.

    Thanks

  28. Host on May 6, 2008 11:48 pm

    I searched for \’File Free Host Image\’ in google and found this your post (\’heme at Themes by Randa Clay\’) in search results. Not very relevant result, but still interesting to read.

  29. Host on May 8, 2008 11:40 am

    I searched for \’How To Host A Website\’ in google and found this your post (\’heme at Themes by Randa Clay\’) in search results. Not very relevant result, but still interesting to read.

  30. Host on May 8, 2008 7:41 pm

    I searched for \’Host A Website\’ in google and found this your post (\’heme at Themes by Randa Clay\’) in search results. Not very relevant result, but still interesting to read.

  31. Weightloss on May 9, 2008 11:58 am

    I was searching for \’Buy Line Phentermine\’ at google and got this your post (\’heme at Themes by Randa Clay\’) in search results. Not very relevant result, but still interesting to read :)

Trackback URI | Comments RSS

Leave a Reply

Name (required)

Email (required)

Website

Speak your mind