Miscellaneous Hacks - Icons for UserCP Navbar

Icons for UserCP Navigation 1.3

This mod adds a pretty group of icons (Silk Icons) to your usercp navigation bar items and also the collapse option.

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

? 3.7.x Version:
https://vborg.vbsupport.ru/showthread.php?t=170558

Version History:

1.3:
- Updated for vBulletin v3.8.
- Changed the method of icon displaying (now floating divs).

?Tested n Working!

Don't forget to clic INSTALL

[dai-kun]

Thanks very nice.

[EagleNick]

Thank you for updating!

[EagleNick]

For some reason, the width of the left-column has not increased to accommodate the new images. Because of this, the text of the choices extends past the border of the column.

I have attached a screenshot. Let me know how I am able to resolve this. I'm very picky

[Peter Walker]

Hi,
I am sorry but I find the installation instructions here really confusing. I am no stranger to adding mods or running vButtetin either.

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.

Now where should that directory "usercp_icons" go. I have copied it to just about every conceivable place and it still does not work. I am running vB 3.8.1 by the way.

Default Style: Under Styles and Templates, I have "Default" and "PDA" styles. There are no directories with those names.

/forum/cpstyles: There I find a number of directories like "vBulletin_2_Default" etc. but they do not have any "misc" subdirectories. I tried copying the "usercp_icons" into each of them - no luck!

/forum/images/misc/: Great, there is a misc directory here so I copied both directories into it. Still no luck!

Nowhere else seemed to make any sense. No matter what I do this is not working for me and yes, I have installed the product in the products manager.

If someone cannot provide better instructions which actually work, this product is going to get thrown out of my forum very soon now.

Regards

Peter

[Stifmeister2]

Originally Posted by Peter Walker

Hi,
I am sorry but I find the installation instructions here really confusing. I am no stranger to adding mods or running vButtetin either.



Now where should that directory "usercp_icons" go. I have copied it to just about every conceivable place and it still does not work. I am running vB 3.8.1 by the way.

Default Style: Under Styles and Templates, I have "Default" and "PDA" styles. There are no directories with those names.

/forum/cpstyles: There I find a number of directories like "vBulletin_2_Default" etc. but they do not have any "misc" subdirectories. I tried copying the "usercp_icons" into each of them - no luck!

/forum/images/misc/: Great, there is a misc directory here so I copied both directories into it. Still no luck!

Nowhere else seemed to make any sense. No matter what I do this is not working for me and yes, I have installed the product in the products manager.

If someone cannot provide better instructions which actually work, this product is going to get thrown out of my forum very soon now.

Regards

Peter

Did you upload the whole usercp_icons folder to /forum/images/misc/ ???


I didn't do this first, I uploaded all the images inside 'usercp_icons' folder to /forum/images/misc/ ... But you have to upload the actual folder. So the images will be here on your server:
/forum/images/misc/usercp_icons/

[1Turk]

thank you :=)

[Jedric]

Installed

[Jedric]

Originally Posted by EagleNick

For some reason, the width of the left-column has not increased to accommodate the new images. Because of this, the text of the choices extends past the border of the column.

I have attached a screenshot. Let me know how I am able to resolve this. I'm very picky

I had the same exact problems as you.

I went into the product-iconsusercp.xml file and changed:

<!-- usercp nav -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0">

to

<!-- usercp nav -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="160">

Basically, just change the width to the amount that looks right.

[EagleNick]

Originally Posted by Jedric

I had the same exact problems as you.

I went into the product-iconsusercp.xml file and changed:

<!-- usercp nav -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0">

to

<!-- usercp nav -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="160">

Basically, just change the width to the amount that looks right.

I made that edit then re-imported the product XML file and it isn't resolving the issue. Is there a step I am forgetting to do?

Thank you for your help.

[RedHacker]

Today I imported one New Style but the icons not display..!!!Why...?