Boooom! ThemeZilla.com is live! Make sure you check it out and download yourself some free WordPress themes and plugins!
Today’s freebie is a sweet looking thumbnail overlay – the type of thing you might want to include to spice up a portfolio or photo gallery for example. Nice.
The design itself is pretty simple, essentially a coloured border coupled with a tinted overlay, nothing too extravagant but enough to be noticed. Have a play and let me know if you find a use for it!
A bold, responsive, portfolio theme for the creative freelancer or agency.
Scope is the perfect theme for the creative agency, freelancer or business.
Garnish is a clean-cut, straight to the point, simple to use portfolio theme.
Classica is a beautifully minimalistic portfolio theme for designers & creatives.
Gridlocked is a classically designed, grid based portfolio theme for creatives.
Artiste is an "all-about-the-work" portfolio for the professional creative.
Sideshow is a fantabulous theme for the artsy fartsy. A simple yet striking portfolio.
The previous Premium Pixels design, a theme which looks good and performs.
Memo is a Tumblog style WordPress theme. Clean, simple, to the point.
Stacked is a clean-looking business theme perfect for product and service pimpage.
Nucleus is a sleek and simple portfolio theme for creative folk.
Redux is a professional business theme which will showcase your services in style.
Repro is the news theme you're looking for. Great out the box, ripe for customisation.
Viewfinder is a minimalistic photography theme perfect for showcasing your art.
Studeo is the perfect theme for creative agencies, freelancers and businesses.
A free, super-awesome, tumblog style theme. Oh, and it’s free.
Duplex is a magazine theme full of custom options, custom widgets of good looks.
Premium Pixels is a collection of free design resources (and sometimes tutorials) created by UK based Web Designer Orman Clark. Hopefully you'll learn something new but just saving some time is awesome enough.
© 2012 Premium Pixels. All Rights Reserved.
Powered by WordPress, naturally. A ZillaMedia Production.
If you haven't already, you should check out some of my WordPress themes.
Things I've made with the help of my friends which could come in handy. Possibly.
Loading...
Downloads & Counting
Awesome work mate! Thanks for sharing :)
Hey Orman, it would be nice to see a tutorial of how to do this using code.
Hi Kevin. The tutorial below should be useful, it basically explains how to make a div fade in after hovering over an image. You can style it to make it look like Orman’s with simple CSS!
http://web.enavu.com/tutorials/making-image-captions-using-jquery/
As Jack said, you could use that div fade in.
I feel this should be built using more fancy techniques. CSS3 Radius, dropshadows, and inset gradients should easily accomplish this.
Hey Kevin,
I completed the code necessary to transition this into a pure CSS3 concept! Only 3 images used (page background, and the two jpgs you are hovering).
You can view my example at http://iamunr.com/thumbnail-overlay/
And you can download the source at github, https://github.com/unr/thumbnail-hoverstate-overlay-html
Nice!
so damn clean, its perfect, thanks ;)
Great one. :-)
Hopin’ someone will create a HTML-one out of it. ;-)
There you go http://bit.ly/jpzPrT ;)
Awesome work João, turned out great!
Wow, thank you! :-)
Thank you Orman, i simply love to code your delicious freebies
Well Done Orman! I love it.
I just wanna ask; who made these Illustrations?
Thanks.
He shared in twitter, it was http://deedeekid.com/
Indeed, Niklas is a fantastic artist, love his work.
Beautiful!
Looks great Orman :) – It will come in handy.
I saw someone use this concept before. I can’t remember where, but this is still a nice idea to share with people. I love it. Especially how it actually emphasizes the “selected” feel.
These are lovely :) Thanks for sharing.
You are the bomb. Word.
Awesome! Thanks