Help to find a list of images

Hi I am re coloring all of my dolphin base template to the colors I want however with the templating system how it is it is confusing, I have around 20 or so images left but dont have a clue what part of dolphin they are assotiated with.

Is there anywhere I can find a list of the images names in the base template with a list of what they are used for in dolphin.

while I am here could I also request that the coders or designers of dolphin name the images with easy to understand names for example instead of "tm_item_left.png" use "topmenu_left.png" or instead of "tm_item_left_act.png" use "topmenu_left_active.png"

Yes, there is! I created a tutorial that covers finding the images. Tutorial: How To Work With Icons And Image.

Thanks I will Take a look now

Hmmm I have alreday covered what is in your tutorial using firebug. the images I am talking about are ones I cant even see being used anywhere in dolphin so I cant use firebug to locate where they are, for example some of the images I dont see used.

design_border_cutting.gif

notify_bl.png

notify_bm.png

notify_br.png

notify_l.png

notify_m.png

op_cor_tr.png

and so on and so forth

design_border_cutting.gif is rarely used. It is for designbox3. Most all of dolphin is configured by default to use designbox1 for the page blocks design box style.

op_cor_tr.png and the other op_cor images are used in the popup box that appears when you hover over a members profile picture.

I am guessing notify_bl.png and the other notify_bl images are used for the notify box that pops up when a friend logs into the site while your online as well.

templates/base/member_menu_notify_window.html

notify_tl.png
notify_tm.png
notify_tr.png
notify_l.png
notify_m.png
notify_r.png
notify_bl.png
notify_bm.png
notify_br.png

and spacer.gif

----------

templates/base/login_form_ajax_a.html

op_cor_tl.png
op_cor_tr.png
op_cor_bl.png
op_cor_br.png

and spacer.gif

----------

templates/base/popup_box.html

op_cor_tl.png
op_cor_tr.png
op_cor_bl.png
op_cor_br.png
close.gif

and spacer.gif

----------

templates/base/transBox.html

op_cor_tl.png
op_cor_tr.png
op_cor_bl.png
op_cor_br.png

and spacer.gif

----------

templates/base/css/general.css

div.design_box_border div.header
    {
        padding:0px 0px 0px 7px;
        height:30px;
        line-height:23px;
        vertical-align:middle;
        font-size:12px;
        font-weight:bold;
        text-transform:uppercase;
        background-image:url(../images/design_border_cutting.gif);
        background-repeat:repeat-x;
    }

Cool thanks for that list and help from others. I will work on those tomorrow now  site is coming along nicely now