Grunge Style
I have always wanted to try something new in my theme development. This time, I bring to you a grunge design. In my previous post, I listed an article about grunge effect tutorials. I kind of like the idea of having stains, dirty textures, rips and torn images to enhance the look of a blog.
I am proud to partner with the owner of Smashingapps.com and grant him the rights to distribute the theme exclusively on the site. For the support of this theme, please leave your issues in the comment section of this post.
Latest Version: 1.00
Added on: 2009/07/03
This theme is free to download and you are granted unlimited usage. Please support this site by subscribing via RSS or email. 
By using this theme for FREE, you agree to accept the external links.
Grunge Style PSD File
Gain access to the fully layered Photoshop file for quick and easy tweakage. Great for designers who want greater customization. |
|
Ad-Free Package
Removing the credit links will make the theme to not function properly. Theme files without the credit links can be purchased at $20. |
 |
Theme Customization
Do you want to customize this theme to include images that suit your blog’s topic? I can help you with the graphical customization. For more details, please go to the theme customization service.
Main Features
- Free forum support. visit Grunge Style forum
- Different design for sticky post feature
- Compatible with IE7, IE8, Firefox, Chrome, Safari, Opera
- W3C XHTML and CSS compliant
- SEO ready
- Gravatar enable
Blog Title and Description
The demo is showing a special font as below:
By default, after you install the theme, the blog title and description are showing the Arial font.
You can change the font style by following this instruction:
- Download this PSD zip file (also include the font that I use that is available free from dafont.com.)
- Extract and open the PSD file in the Photoshop program
- Add the title and description using your desired font
- Save the image using this name: bg_header_new.jpg
- Upload the image to your server in the /images folder
User Showcase
The followings are a few examples of nice modification of this theme from other users. You can view all the nice design in the forum theme showcase.
 |
 |
 |
Change log
2009-07-03 v1.00 – Release
Nice looking theme
But i have two notes
the color of the fonts not suitable with the site background i hardly see the words
wish you can change it to white or more viable color
I feel it is quite ok. If you want to change to different color, simply edit the font color under the “body section” in style.css
What are the color codes that can be used to edit the font color, please? Also, how can I change the css style sheet to reflect different fonts and sizes for the post text? Thank you very much. I really like the theme.
@Kelly Truelove, you can modify style.css, find .entry (around line 294). This is the section for post entry.
Change the color:#877D66; to your color choice
You can also change the font family and size by adding the 2 lines below
font-size: 12px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
Other sections are configured in the similar way. Yes, some css knowledge is needed.
Been waiting for this for weeks! LOVE THIS.
A Look at TemplateLite for your WordPress Themes…
Brian, at TemplateLite not only has themes that look good (his new grunge theme is beautiful), but the code is clean and easy to work with….
hehe, great! Thanks Brian!
I’ll try this theme soon:-)
nice themes..
i really like it..
i hope that i can have it in blogger version…
A great theme!
I’m now trying it on http://mactrix.net, replacing the previous techie theme. I guess I can use it permanently.
[...] the idea of having stains, dirty textures, rips and torn images to enhance the look of a blog. Theme Details | View [...]
Mea culpa… sort of. The grunge folder had the wrong permissions.
Now that I have the grunge style working (and I really like the way it looks), I’m puzzled by the headings in the second sidebar. Instead of the label being rounded at the right as it is on the left, it’s squared off and extends beyond the sidebar background. I see this at the demo site, too, so I guess it’s for a good reason that eludes me.
It is created that way to give you the impression that the label is slided into the sidebar slot
OK, thanks, now I get it!
Thanks for using my theme
[...] Télécharger | Démonstration [...]
[...] Grunge Style – Free Wordpress Theme | Theme Details | View [...]
[...] Grunge Style – Free Wordpress Theme | Theme Details | View [...]
[...] Grunge Style – Free Wordpress Theme | Theme Details | View [...]
I Love the Grunge Them, it looks great and goes quiet well with my blog, thanks for sharing the theme and I will spread the word.
I tweeted this already@
New Website theme for Richard’s Scriptures! http://bit.ly/vBrYK Thanks to @templatelite for his Grunge Style theme http://bit.ly/HmWI6
Thanks again, Richard
http://www.twitter.com/Bitlockers
[...] Grunge Style | Tema Detayı | Ön İzleme Grunge [...]
[...] Grunge Style Wordpress Theme | Theme Details | View [...]
[...] Grunge Style | Tema Detayı | Ön İzleme Grunge [...]
Love the theme and have loaded it on a friend’s site. Coyote Moon
I would like to know if it is possible to change the size of the avatar in the post replies. If yes, point me to the correct page, and I’ll figure out the rest.
Thanks,
~Dale
@Dale, please post your questions in the forum and I’ll address it there. Thanks.
[...] the idea of having stains, dirty textures, rips and torn images to enhance the look of a blog. Theme Details | View [...]
Hi Brian,
I absolutely love this theme but I would like to make three modifications if you an somehow help me. I only know basic HTML and nothing of PHP or CSS so please make it for a total foreigner dummie…
1 – How do I KILL that search function that comes by default? I don’t like search at all.
2 – How do I KILL that feed symbol? I don’t need that either.
3 – How do I make the notebook styled image no-scroll? The images are nice, who needs scrolling!
Thanks!!
@Angel, please post your issues in the Grunge Style theme support forum and I’ll address them there.
Thanks! Since ou didn’t give me any specifics, I’m posting on the Grunge Style General Info
)
great.. I LOVE IT
[...] 下载 | 浏览 [...]
Hello there,
Working with this template and was wondering how I can edit the css file so that on short pages the image and background go all the way to the bottom of the browser. I have been toying with using a background image ( don’t like it ) I have been toying with height and min-height options, but that only does the background image and not the template to the bottom ( unless I am doing it wrong).
Hoping you can help me out on a few things here.. Would really like to use and modify this template, but this is holding me back. I have surfed the web and seen a few ideas, but it is not working for me.
Last resort I figured I would bother the developers and see if they can give me some snippets of code to achieve this effect.
Kind regards,
Saxamo
@Saxamo, you can post your issue in the forum and see if anyone can help you over there. Since this is a custom work, a small fee may incur.