Images for MDPro 1.075 and beyond

Duster

Standardization of images

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.

Standardization of names

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.

Naming conventions

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:

• dot_green.gif


• dot_red.gif


• dot_white.gif


• dot_yellow.gif
  

  Instead of

  
  


• green_dot.gif


• red_dot.gif


• white_dot.gif


• yellow_dot.gif

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.

<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>
<>< mce_serialized="4"><>

Image	Image name	Where used
	dot_green.gif	under different names in Blocks and Modules (active.gif and 3.gif)
	dot_red.gif	inactive.gif and 2.gif
	dot_white.gif	1.gif
	dot_yellow.gif
	new_1day.gif	Downloads and Links
	new_3day.gif	Downloads and Links
	new_7day.gif	Downloads and Links
	popular.gif (hot pink)
	popular.gif (orange)
	icon-edit.gif	various modules, too many to list
	icon-delete.gif	various modules, too many to list
	arrow-button-up.gif
	arrow-button-down.gif
	arrow-button-left.gif
	arrow-button-right.gif
	arrow-up-no.gif
	arrow-down-no.gif
	arrow-left-no.gif
	arrow-right-no.gif
	arrow-up.gif
	arrow-down.gif
	arrow-left.gif
	arrow-right.gif