If you would make this a real growl theme, I would sport it on my mac and a piece of your blood, sweat, and tears would show up on my screen every time I got a notification.
A few people have asked for me to make the style, so here you go! I've put in left and right variants for either side of your screen.
Some design notes:
The alert size is fixed since I'm using a background image. I tried to make it with CSS3 but getting the gradient to blend with the 1px inset border, and getting the triangle to work with the shadow proved extremely difficult and the result didn't look as nice as the concept.
I've also made them a tad more opaque, improving readability on various backgrounds. You can adjust transparency in Growl anyway.
One modification I'd like to make is the use of text-overflow: ellipsis-lastline; however that value isn't in webkit yet. It'd be a nice solution to cutting off the text in mid sentence.
If anyone can make any improvements, please feel free!
9 Responses
Pro
Glenn Hitchcock
I don't always use Photoshop, but when I do, I like to gratuitously use layer styles.
12 months ago
Pro
Jonathan Mazaltov
Make this a reality!
12 months ago
Pro
Muhammad El Melegy
Yes!
12 months ago
awesome
12 months ago
Pro
Michal Vasko
sweet
12 months ago
Pro
Sacha Greif
If this ever becomes real, I can say goodbye to my productivity…
12 months ago
Pro
Daniel Golden
If you would make this a real growl theme, I would sport it on my mac and a piece of your blood, sweat, and tears would show up on my screen every time I got a notification.
12 months ago
Would definitely use this.
12 months ago
Rebound
Morning & Evening Growl Styles
by Glenn Hitchcock
A few people have asked for me to make the style, so here you go! I've put in left and right variants for either side of your screen.
Some design notes:
The alert size is fixed since I'm using a background image. I tried to make it with CSS3 but getting the gradient to blend with the 1px inset border, and getting the triangle to work with the shadow proved extremely difficult and the result didn't look as nice as the concept.
I've also made them a tad more opaque, improving readability on various backgrounds. You can adjust transparency in Growl anyway.
One modification I'd like to make is the use of text-overflow: ellipsis-lastline; however that value isn't in webkit yet. It'd be a nice solution to cutting off the text in mid sentence.
If anyone can make any improvements, please feel free!
12 months ago