By standardizing the images used throughout MDP, it will be easier for
users to instantly recognize the function certain images represent. Many
modules have icons for edit and delete yet many are different. Using the
same image for the same function regardless of where it appears in MDP.
I think a more uniform appearance would look better to users and give
a greater impression of a cohesive system rather than a collection
of disparate modules, each with a different look to them.
By standardizing the names of images used throughout MDP, it will make
it easier to recognize the function of each image whichever module it
appears in. Furthermore, it will make it easier for any admin to replace
them if s/he wished to customize images for their respective site.
Images should be named in a way that groups related ones together in
any listing of file names. This will often mean listing the name of the
image first followed by its color.
Example:
Instead of
The first group will appear together whereas the second will have other
images interspersed between them in any file listing.
Image names should be based first on what the image is rather than its
color. As an example, blue.gif does not adequately describe an image whereas
star.gif (or star-blue.gif) does. This is an actual example and not a
hypothetical case.
In some cases (such as the "new" images), the color has been
removed from the image name so as to allow more flexibility for admins
to change the color of the image used without having to either rename
it or have it indicate a different color than appears.
| Image | <>< mce_serialized="4"><>Image name | <>< mce_serialized="4"><>Where used | <>< mce_serialized="4"><>
| dot_green.gif | <>< mce_serialized="4"><>under different names in Blocks and Modules (active.gif and 3.gif) | <>< mce_serialized="4"><>|
| dot_red.gif | <>< mce_serialized="4"><>inactive.gif and 2.gif | <>< mce_serialized="4"><>|
| dot_white.gif | <>< mce_serialized="4"><>1.gif | <>< mce_serialized="4"><>|
| dot_yellow.gif | <>< mce_serialized="4"><><>< mce_serialized="4"><> | |
| new_1day.gif | <>< mce_serialized="4"><>Downloads and Links | <>< mce_serialized="4"><>|
| new_3day.gif | <>< mce_serialized="4"><>Downloads and Links | <>< mce_serialized="4"><>|
| new_7day.gif | <>< mce_serialized="4"><>Downloads and Links | <>< mce_serialized="4"><>|
| popular.gif (hot pink) | <>< mce_serialized="4"><><>< mce_serialized="4"><> | |
| popular.gif (orange) | <>< mce_serialized="4"><><>< mce_serialized="4"><> | |
| icon-edit.gif | <>< mce_serialized="4"><>various modules, too many to list | <>< mce_serialized="4"><>|
| icon-delete.gif | <>< mce_serialized="4"><>various modules, too many to list | <>< mce_serialized="4"><>|
| arrow-button-up.gif | <>< mce_serialized="4"><><>< mce_serialized="4"><> | |
| arrow-button-down.gif | <>< mce_serialized="4"><><>< mce_serialized="4"><> | |
| arrow-button-left.gif | <>< mce_serialized="4"><><>< mce_serialized="4"><> | |
| arrow-button-right.gif | <>< mce_serialized="4"><><>< mce_serialized="4"><> | |
| arrow-up-no.gif | <>< mce_serialized="4"><><>< mce_serialized="4"><> | |
| arrow-down-no.gif | <>< mce_serialized="4"><><>< mce_serialized="4"><> | |
| arrow-left-no.gif | <>< mce_serialized="4"><><>< mce_serialized="4"><> | |
| arrow-right-no.gif | <>< mce_serialized="4"><><>< mce_serialized="4"><> | |
| arrow-up.gif | <>< mce_serialized="4"><><>< mce_serialized="4"><> | |
| arrow-down.gif | <>< mce_serialized="4"><><>< mce_serialized="4"><> | |
| arrow-left.gif | <>< mce_serialized="4"><><>< mce_serialized="4"><> | |
| arrow-right.gif | <>< mce_serialized="4"><><>< mce_serialized="4"><> | |
| <>< mce_serialized="4"><> | <>< mce_serialized="4"><> | <>< mce_serialized="4"><> |
| <>< mce_serialized="4"><> | <>< mce_serialized="4"><> | <>< mce_serialized="4"><> |