UK Stamp Icons
WOW! Another post
Well I have finally got around to making another post, and this one is quite substantial
UK Mail (and others) stamp icons
Re-hosted due to popular demand. (I have had a few requests for this recentely)
When Apple introduced it's email app along with OSX I felt that the Icon (an eagle) was very USA orientated so I created a more UK based set, using Royal Mail stamps. This set also keeps with the Uk theme by having "Hello From Stockley Park .UB" instead of "Cupertino .CA", Stockley Park being where Apple UK is based. They are available as two sets, the more traditional flat, and with a slight gradient, making them look shiny. Both set contain the modern Gold, and older Red first class stamps, along with the Blue second class stamp (as I thought I fitted with the look of OSX better).
I also did a second type. These were done using a Special Edition set of stamps that the Royal Mail where doing at the time.
Along with the four UK stamps I also did some others.
If you wish to create your own, you can download the source Photoshop file Original (UK_mail_icon_psd.zip 336kb) & 2nd type (Mailicon.psd.sit 616kb)
Other bits (IE6 Conditional Comments)
The release of IE7 was a few months back now, and it's popularity seams to be growing quite well. Even on the Parkside Action Group site, which will have a decidedly non Tec/geek visitor demographic has around 40% of it's visitors now using IE7 (according to Google Analytics). With this in mind, and the fact that it supports lot's of nice CSS with less bugs that IE6 can only be a good thing. But you say you can't just start giving up on IE6 this is where Conditional Comments come to the rescue. With this short bit of code you can send IE6 the CSS that can fix the bits it wont understand (such as Min & Max width).
1. you first have your link to the regular CSS
<link rel="stylesheet" href="pagestyle.css" type="text/css" media="screen" />
2. Then anywhere below this in the HTML head you place the Conditional Comment bit
<!--[if lte IE 6]>
<style type="text/css" media="screen">
#hp_col_1 {width:301px; height:530px;}
#hp_col_2 {width:301px; height:530px;}
#hp_col_single {width:603px; height:400px;}
#head div.pic, #hp_col_single, .imagecont {width:603px;}
#hp_col_1 .imagecont {width:301px} #minwrap {width:770px;}
</style>
<![endif]-->
Easy eh! I have chose to inline a bit of CSS to replace the min-width and min-height that is in the main Style Sheet. But there is nothing stopping putting in a link to a complete CSS file.
All other browsers ignore it as a HTML comment, but IE6 understands the [if lte IE 6] bit and see's the code.
One problem, If you have got IE6 as a 'standalone' app, so you can test alongside IE7 the above doesn't work as the PC says it's using IE7 and skips the comment. There is a similar problem that effects the Google map Api as the location pointers etc don't appear on the maps with the standalone IE6.
8 Comments:
Those icons are boss! Thanks!
Hey! Did you make those Icons in Photoshop? Perhaps you can mail me the Photoshop-File, i'd like to build some icons on my own...
Thanks in advance,
Martin (mail@schneyra.de)
Martin: The PSD photoshop files are linked at the bottom of the post.
how do you put them icons onto the mail app?
i can't seem to figure it out!
i've changed icons before using copy and paste with the get info windows, is this anything like this?
Just thought you should know:
You say: "I felt that the Icon (an eagle) was very USA orientated"
It is not an eagle at all. It is a Red-tailed Hawk. It breeds from western Alaska, throughout all of Canada to Panama and the West Indies.
Not USA oriented at all!
I love these! Only I'm new to all this and not sure what to do when I download it! Sorry I'm so inexperienced. And I MUCH prefer yours to the eagle! Thanks for your hard work, and your willingness to share with others!
Holly
Thanks, I stand corrected. I hadn't really studied it that closely, It could have been any bird of prey really, as a casual ID at that small size.
Rob: Replacing icons for mail app is tricky, You have to replace the app.icns file within the Mail.app package.
First you have to create the .icns file from the PhotoShop image, and here's a great tutorial from Macinstruct for how to do it.
Then you have to replace the icon file, iheartny.com has a tutorial for that here.
Post a Comment
<< Home