DIY
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.
Customization Information: 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:
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!
Filed under Uncategorized |68 Responses to “DIY”
Leave a Reply
Looking good, I like clean designs, I will keep an eye on these posts to customize it further.
Off to download it now.
this looks like something that I’ve been looking for!
will download … many thanks!
hi randa. may i re-designed your DIY theme for a blogger xml template?
thank you.
Sure, if you retain my link in the footer.
How do you add the time to a post in DIY?
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
You’re the first to report the right column dropping down. What resolution are you using?
Nice theme! We’ll try it out in our blog. Thanks. Greta blog you have here.
My screen is 1920 X 1200.
Peter
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.
Oops. Link for iMax Width should be http://www.soldesignco.com/wordpress-imaxwidth.html.
Thanks Steve!
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.
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?
I also want to add images to the right and left sidebars… a lot I know.
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!
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
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!
Thanks for this really nice looking theme. I love the white + blue combination!
I love the green leaf (headerleaf.jpg)….. just stunning!
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.
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.
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
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.
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.
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?
Great info, downloading now. It seems like a really clear design.
Thanks
[...] Release May 27, 2008 | Filed Under Uncategorized [...]
I searched for \’Website Host Ecommerce Hosting\’ 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.
I searched for \’Free Webpage Hoster\’ 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.
This theme is beautiful too! Although I think that the bird-themes are even better. I like the different headers.
This is a very very nice theme, thanks.
This is really beautiful! I love how you can change the headers!
I already said this, but I will say it again: This theme is really nice! I like the leaf-one the best.
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.
Hi, Very Nice Wordpress Themes, The headers are even better. My favourite 2 are the default one(water drop one) and the darker red one. They both look really good, i will be making more blogs later on so i will probbably use this one for atleast 1 (will bookmark page)Overall, Cool theme
——————————-
http://www.webinghelp.com
Monday In searching for sites related to web hosting and specifically email free host web, your site came up.
Wow, amazing theme!
Love this…thanks
Like what others have said this one is a very clean theme which is quite useful for a review site or any blog whose topic needs more focus on its content rather than on the colors in the page. I’m a bit of a newb in css so hopefully I an get this to work the way I want. ^^
The Headers with Rose and drop are amazing… Whe will you come up with more of them?
When you say “open the Stylesheet file in the Theme Editor,” where do I get the “Theme Editor?” Or is it just notepad I am supposed to use? Thank you. Great topic.
To Paige - Theme Editor is found in Wordpress Dashboard. Click Design, then Theme Editor.
To Randa - I’ve been using this theme for months now and I still love it. I’m wondering if it would be hard for me to convert it from 2 sidebars to 1.
nice theme.
I Love sharp, clean designs. You’ve got quite a nice selection here. I’m impressed.
Hey!. Your post heme at Themes by Randa Clay is very interesting for me. My written English is not so good so I write in German: “Lieber den Spatz in der Hand, als die Taube auf dem Dach.” Yours sincerely Thursday Paige
Great looking theme with some really nice headers. Its a simple yet very elegant theme. Well done.
Beautiful! I’m new here and so amazed what a talented web designer can do. The blue abstract design is the best. I also love the “smoke” on the red background. The fourth design I’ve already seen somewhere - prooves that people are already using it.
Nicely placed affiliate link there! Having used 1and1 in the past I know they offer some good low cost hosting opportunities. Nice blog btw - i’m a beginner really and enjoying pouring over yours posts
Thanks for the tips guys!
Randa, as usual you topped again. Beautiful header options with incredible customisation options. Thanks mate…
[...] DIY Theme http://randaclay.com/themes/diy-theme/ [...]
Nice neat and clean theme with blue+white color combination. And good try with the theme customization tips too.
But I’ll a small critic on the theme coding. You could have use the divs ( and ) only once by including it in the respective files l_sidebar.php and r_sidebar.php respectively. This will reduce the file size and speed up the call of php files.
Thanks
Gary
Prefer the blue bird theme as opposed to this oen, it would give me a lot more to work with. Still a very nice theme for people who want a little more side bar content
Awesome post and great theme! I love the header with the road view. This is some great work you’ve done here. It’s nice to see people doing themes with user customization in mind.
Thanks for showing the option for customization. I’m going to make a SEO wordpress site which will the headerroad.jpg as the header image.
The designs of the pictures are really lively,great!
Love the designs…
Keep up the great customizing work..
Think my favourite is the the one of the lonely road your headerroad.jpg
cheers
toni
My favourite is the the headerleaf.jpg.
great works, love your diy theme, am thinking about using it for my new philippines travel website.
have to evaluate the pros and cons first.
will let you know if i use it.
beautiful header rose! I like it, but do you have a new one? thanks!
Thank you for that template!
Hi there, Good information on your site for bookmark pics and your post regarding heme at Themes by Randa Clay looks very interesting. Keep up the good work.
[...] designed the DIY Theme specifically to be easy to customize, and am working my way through a series of posts to help [...]
Great info! Thanks heaps!
I’m just choosing a theme for my new blog and was trying to change my banner as per your instructions to: url(images/headerleaf.jpg);
but it’s not working. Did I do something wrong?
[...] attribution in the footer to the original author if you’re not changing the theme much. My DIY Theme can be a good choice as I’ve deliberately made it uncluttered and simple to be easily [...]
Those headers look really great … and so easy to customize.
Oh very cool, thank you. Is there any way to make these rotate? Sorry for going off topic. I was just curious.
Yes - check out this post.