Since most theme developers neglect the tabs in Drupal, I added beautiful tab styling to Zen.
The same is also true of status, warning, and error messages. Most theme developers just leave drupal's standard styling. Which, actually, isn't very eye-catching for a message that Drupal wants the user to see.
I've got some styles whipped up with little icons. They are eye-catching and yet shouldn't clash with most site's styles. And if they do conflict with a site's colors, I'll include the PSD so you can tweak it. :-)
| Comment | File | Size | Author |
|---|---|---|---|
| #9 | Picture 2.png | 15.3 KB | rport |
| #9 | Picture 3.png | 10.72 KB | rport |
| #9 | Picture 4.png | 13.03 KB | rport |
| #2 | message-icon.png | 1.71 KB | Garrett Albright |
| #2 | message-improvements.patch | 711 bytes | Garrett Albright |
Comments
Comment #1
johnalbinPNG-32 versions have been committed.
Still need IE6 versions of the files.
Comment #2
Garrett Albright commentedThe new icons for messages are really great, but placing them in the middle of the left edge of the message box looks bad for large message boxes (see message-icon.png). This patch makes it stay in the upper-left corner now matter how large the box is.
Also, when all the text is italicized, placeholder text in <em> tags no longer stands out. This patch makes that text bold. Yes, it's a bit of an oddity to embolden text in an <em> tag instead of italicize it, but it works.
Comment #3
Garrett Albright commentedOops, forgot to update status.
Comment #4
ztyx commented@JohnAlbin: Hmm, are these the icons that were added to the 6.x-1.x-beta3 release? It is a nice idea but putting them in the background (and especially as clearly as now) lessens the readability of status/error/warning message and thus giving a worse user experience.
I vote for not having them there, but if you think they should there I propose making the icons blend in more with the background color.
Comment #5
johnalbinJens, yes, these are the icons that went into Zen 6.x-1.0-beta3.
I’m afraid I don’t understand. How does it lessen readability?
@Garrett. Wow! That’s a lot of status messages! :-) I think your patch looks good. I’ll review soon.
Comment #6
johnalbin@Garrett, I think its easier to just remove the font-style: italic from the messages. :-) But I applied the other part of your patch: http://drupal.org/cvs?commit=158963
Now for the IE6-compatible icons.
Comment #7
johnalbinFixed.
Comment #9
rport commentedThanks for this patch to Beta 3..
I am not sure from reading this thread is this patch is also to apply to zen_classic.. If YES then there are some CSS bugs a illustrated in the attached images.
These images were taken using a OSX, Firefox 3 and a default installation of Drupal..
I am not sure if this was intentional however simply copying the messages.css and associated image icons fixes the problem.
Hope this helps!
Russ
Comment #11
bmalen commented