Magento show image over system config menu tab of extension

This article shows image on system configuration (System -> Configuration) menu with menu tab for your custom module.

Let us suppose, you have already created a local module.


Go to in \app\code\local\MyChannel\MyModule\etc\system.xml

<tabs>
        <test>           
            <label><![CDATA[<div style="position: absolute;"><img id="test_block" src="" alt="" border="0" /></div>&nbsp;<script>
            var n = SKIN_URL.indexOf("adminhtml");
            $('test_block').src = SKIN_URL.substring(0, n) + "adminhtml/default/default/images/test.png";
            </script>]]></label>
            <sort_order>400</sort_order>
        </test>           
    </tabs>

We have created a new system tab with Image ‘test.png’.