Mini Mods - Icons for UserCP Navigation 1.2

Icons for UserCP Navigation 1.2.2

This mod adds a pretty group of icons (Silk Icons) to your usercp navigation bar items.

Example Collapsed:



Example Expanded:



Install Instructions:

Installation for White Styles (Like vB Default Style)
1. Upload the "usercp_icons" folder into your current style images/misc dir.
2. Import product-iconsusercp.xml in the Product Manager.
3. That's all

Installation for Dark Styles (PNG Icons with Transparency)
1. Upload the "usercp_icons_png" folder into your current style images/misc dir.
2. Import product-iconsusercp-png.xml in the Product Manager.
3. That's all

IMPORTANT: These PNG icons will not display correctly if you're using Internet Explorer 5.5 or 6. For fix this transparency issue check this mod by Oblivion Knight:

? PNG Transparency for Internet Explorer:
https://vborg.vbsupport.ru/showthread.php?t=94416

Version History:

1.1:
- Added automatic template insertion.
- Fixed compability width with vBulletin Project Tools Item.
- Fixed compability width with vBulletin Blog Item.

1.2:
- Added collapsable option to items.
- Private Messages Item modified, no menu.
- Subscriptions Item modified, no menu.

1.2.1:
- Minor changes in shell template (missing &nbsp.
- Added blank html file in the icons dir.

1.2.2:
- Added PNG icons for Dark Styles. (Thanks to hcmagix for the idea).
- Added version checking.

?Tested on vBulletin 3.7.1!

[DS MrSinister]

* acco

Thanks for sharing your code..

[shlomot]

Such a great product and such a pity that other MODs do not interface with it (such as SMS, Extra Profile Page, and more).

It obviously has to do with using a whole different template while other mods are geared to modify the default template.

Well, if the mountain doesn't go to Mohammad, can the opposite take place? Can you set up the Icons in the default template while saving it in history for possible uninstall?

[NAZIA]

Hello. All..
I have found that , Byusing this hack, we must upload the usercp_icons folder in the misc directory of the style, So by this If we are changing the style of the site we must upload the usercp_icons Folder again in the misc folder of newly installed style..



To avoid this problem I have changed the source of the .XML

By using this attached file you only upload the usercp_icons Folder in the images folder only, So any change in new style of the site does not effect the site..


Enjoy...
Thanks..

[dannykilla]

Anyone know how I can get rid of this error please?
There seems that there is not enough space for the "social groups messages" phrase?

Thanks
Danny

[SuperGLS]

Simple and easy. Well done.

Installed.

[Kaycee123]

I have another option for Edit Weather Options - I've uploaded a little icon and tried to add it on, but when I do it comes up on another line like this:



How do I change this so it comes up on the same line as the icon?

PHP Code:

<if condition="$show['profilepiclink']">
    <tr><td class="$navclass[profilepic]" nowrap="nowrap">
        <table border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td width="20">
        <img border="0" src="$stylevar[imgdir_misc]/usercp_icons_png/picture_edit.png" width="16" height="16"></td>
                <td><a class="smallfont" href="profile.php?$session[sessionurl]do=editprofilepic">$vbphrase[edit_profile_picture]</a></td>
            </tr>
        </table>
        </td></tr>
    </if>
                                 <td width="20">
        <img border="0" src="$stylevar[imgdir_misc]/usercp_icons_png/weather_icon.gif" width="16" height="16"></td>$modifyweatherdata_link

    <tr><td class="thead"><a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('networking')"><img id="collapseimg_networking" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_networking].gif" alt="" border="0" /></a>$vbphrase[networking]</td></tr>
<tbody id="collapseobj_networking" style="$vbcollapse[collapseobj_networking]">
    <tr><td class="$navclass[buddylist]" nowrap="nowrap">
        <table border="0" cellspacing="0" cellpadding="0"> 


[Raptor]

works great on 3.7.2 - even on a custom skin - many thanks

[Howell]

Originally Posted by Kaycee123

I have another option for Edit Weather Options - I've uploaded a little icon and tried to add it on.

How do I change this so it comes up on the same line as the icon?

In template: USERCP_SHELL_ICONS

Find:

    <if condition="$show['profilepiclink']">
    <tr><td class="$navclass[profilepic]" nowrap="nowrap">
        <table border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td width="20">
        <img border="0" src="$stylevar[imgdir_misc]/usercp_icons/picture_edit.gif" width="16" height="16"></td>
                <td><a class="smallfont" href="profile.php?$session[sessionurl]do=editprofilepic">$vbphrase[edit_profile_picture]</a></td>
            </tr>
        </table>
        </td></tr>
    </if>

After Add:

    <tr><td class="$navclass[customize]" nowrap="nowrap">
        <table border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td width="20">
        <img border="0" src="$stylevar[imgdir_misc]/usercp_icons_png/weather_icon.gif" width="16" height="16"></td>
        <td>$modifyweatherdata_link</td>
            </tr>
        </table>
        </td></tr>

Hope this helps.

[DieselMinded]

How about the Blog ?

[wildarmz]

Very cool and worked without a hitch!