If you have added a 3rd party application, you may want to customize it's icon in the left navigation panel. To do so, find an icon which is 32x32 ( or which ever size you want really ) pixels in size and upload it using an FTP program to /public/style_images/skin_name/. Name the image whatever you like. For this example, I'll call it nav_custom.png Next, we need to find the id of the <li> which wraps the application link. To do this, view the source of your page. Scroll down to primary_nav, and below that you will see a list of links similar to this:
<li id='nav_app_forums' class="left active"><a href='http://www.site.com/forum/' title='Go to Forums' >Forums</a></li><li id='nav_app_members' class="left "><a href='http://www.site.com/forum/index.php?/members/' title='Go to Members' >Members</a></li><li id='nav_app_blog' class="left "><a href='http://www.site.com/forum/index.php?/blogs/' title='Go to Blogs' >Blogs</a></li><li id='nav_app_calendar' class="left "><a href='http://www.site.com/forum/index.php?/calendar/' title='Go to Calendar' >Calendar</a></li><li id='nav_app_ipchat' class="left "><a href='http://www.site.com/forum/index.php?/chat/' title='Go to Chat' >Chat</a></li><li id='nav_app_ccs' class="left "><a href='http://www.site.com/forum/index.php?/page/index.html' title='Go to Pages' >Pages</a></li><li id='nav_app_downloads' class="left "><a href='http://www.site.com/forum/index.php?/files/' title='Go to Downloads' >Downloads</a></li><li id='nav_app_gallery' class="left "><a href='http://www.site.com/forum/index.php?/gallery/' title='Go to Gallery' >Gallery</a></li><li id='nav_app_nexus' class="left "><a href='http://www.site.com/forum/index.php?/store/' title='Go to Store' >Store</a></li>
The id's in the above code are all prefixed with nav_app_ (nav_app_forums, nav_app_members, etc). Find the id of your link and use it in the next step. Go to ipb_styles.css and find:
#community_app_menu #nav_app_nexus a:before{ background-image: url("{style_images_url}/nav_nexus.png"); }
After that, add:
#community_app_menu #nav_app_custom a:before{ background-image: url("{style_images_url}/nav_custom.png"); }
Replace #nav_app_custom with the correct id from above, and change nav_custom.png so it uses the same image which you uploaded in the first step. Save, clear cache (if necessary), and you're done.