Icons for UserCP Navbar

[demgel]

Icons for UserCP Navigation 1.3

This mod adds a pretty group of icons (Silk Icons (http://www.famfamfam.com/lab/icons/silk/)) to your usercp navigation bar items and also the collapse option.

Example Collapsed:

http://imageflux.net/uploads/090116/whmt13OvwR6KwbRrNdDoeiLlWcE/collapsed.gif

Example Expanded:

http://imageflux.net/uploads/090116/yBms5i14CqYvj9pf7jbrEdyHE9U/expanded.gif

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 (https://vborg.vbsupport.ru/vborg_miscactions.php?do=installhack&threadid=202000) :D

[demgel]

Reserved (:

[Hasann]

thank you for updating

[Magnumutz]

I liked the 1.2 one better.

[pein87]

thanks for the update the original one also worked on 3.8, good work mate.

[dannykilla]

Thanks for the update better than 1.2 m8

[islamicvd]

why the icons are not showing?

[NAZIA]

Thanks for the New updates for the moderated items.. for the admin.

[abroad]

do we need to set a link if we use this? (Silk Icons Licence Aggreement)

http://www.famfamfam.com/lab/icons/silk/

[Sweeks]

Seems to have the text breaking out of the tables now a little. Any ideas?
________
CHEVROLET EL CAMINO (http://www.chevy-wiki.com/wiki/Chevrolet_El_Camino)

[voglermc]

Where can I add more width?

[Indyaboard]

I liked the 1.2 one better.

These are better. :D

[kavehch]

hi

thanks for share i want to align right this icon please help me ?

[tylneyt]

Great stuff very simple to install.
Thanks

[KURTZ]

superb i'm waiting for this! :)

[demgel]

why the icons are not showing?
Did you upload the "usercp_icons" folder to your active skin misc folder?

do we need to set a link if we use this? (Silk Icons Licence Aggreement)

http://www.famfamfam.com/lab/icons/silk/
I don't think so, I linked famfamfam here but I don't really know if you need by licence to add some link on your site (I don't think so...).

Where can I add more width?
<!-- usercp nav -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0">
In that table, you could add the width value like this:
<!-- usercp nav -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="500">

hi

thanks for share i want to align right this icon please help me ?
You have to edit icon by icon the floating value:
<div style="float:left;margin-right:5px;"><img border="0" src="$stylevar[imgdir_misc]/usercp_icons/vcard_add.gif" /></div>
In there you have to change only this (be careful cause some items have a menu control):
float:right

[kavehch]

hi

sorry i change this code to .xml or to style sorry?

[David Gillaspey]

Installed.

Very nice!

[BlackJacket]

Installed.

Looks great also! Thanks for the mod...

[demgel]

hi

sorry i change this code to .xml or to style sorry?
To the template (style) ;)

[mrcake]

why the icons are not showing?

I had to create a new folder in within my 'misc' folder, and upload all the contents individually. /forums/images/misc/usercp_icons

Also as a note, I followed the instructions - uploaded the .gif files and install the xml.png - and it didn't work. uninstalled the .png and installed the other .xml and it worked.

Thanks for the mod! Looks much better now. :)

[LoveStream]

Thanks, your Mod.

[hscorp]

thanks man

but if you can expand the width a lil to make "Edit Email & Password" be in one line not two would be better i think :)

[niceevil]

thanks I think this is the best

[chriske]

I thought; Why don't i see the icons...

Then i read the intructions again and came to the conclusion i didn't upload the whole folder
Upload the "usercp_icons" folder into your current style images/misc dir.

LoL

Works fine, thanks a lot for making my forum a better place :D

[Saviour]

Nice...Thanks!

Now my Blog CP and User CP jive...

[Armyqt]

Okay, I've got this working. Thanks again.

[Slyou]

TY very much. Beautiful and easy to install. Perfect

[-=Leb=-]

About time, thx for the update :)

[rapidphim]

Are there some missing icons for:

Profile Privacy
Contacts & Friends
Pictures & Albums
Inbox
Track Messages

[dai-kun]

Thanks very nice.

[EagleNick]

Thank you for updating! :D

[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 :p

[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]

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]

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 :p

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]

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...?

[lgnd]

copy the images into your new style image/misc folder and reinstall the mod.

[WhiteNewsNow]

Well done demgel! :D

Looks great and installs in 6 seconds.

[FFTFTCEd]

I thought; Why don't i see the icons...

Then i read the intructions again and came to the conclusion i didn't upload the whole folder
Upload the "usercp_icons" folder into your current style images/misc dir.

LoL

Works fine, thanks a lot for making my forum a better place :D

Same here, I missed that also, you might want to update the lead and make it clearer that the "folder" must be uploaded with the icons inside, works great, thanks for the mod.

[DobieGillis?]

Same here, I missed that also, you might want to update the lead and make it clearer that the "folder" must be uploaded with the icons inside, works great, thanks for the mod.

almost had a heart attack before reading the last two posts! Thanks so much for the clarity!

[Redzzand]

very nice! thanks for this

[Il Pompa]

Thanks!

[Voyager-S]

Thank you very much! They look beautiful in a dark background too. it would be great if you could make another product for the main navbar!

[der_darkon]

That looks really nice. :)

I installed a few AddOns wich added Links to the UserCP (like MemberMap and Delete Account). How can i install Icons for these?

[masterweb]

Installed and working on a 3.8.1 SP1, thanks dude :D

[wtb]

Looks fantastic and took less than 10 seconds to install from start to finish.

[Adromir]

Doesnt work for me, icons are not showing up :(

[RedHacker]

Why Internet Explorer not show....?

[Adromir]

No, firefox

[TheLastSuperman]

Installed and you just hit 400 ;)

Thanks, small touch w/ big effects aesthetically.

[game-screen]

Installed.

Great work! they looks perfect :)

[ndut]

how to add more icon.. for more menu in usercp??

thank you

[Gnappy]

It works but only on the vb standard skin. I have just this black skin enabled and it's the standard one for my forum but the icons aren't shown.
I have uploaded the png version for black skins: xml and pics.

Can you help me please? THX

[Adromir]

As i found out, the image-directory have to be copied to the images/misc directory of your theme.

[Gnappy]

As i found out, the image-directory have to be copied to the images/misc directory of your theme.
Thanks dude, you fixed my problem :)

[itsheinz]

Working fine^^ i uploaded the image folder to the misc directory of the style im using^^

[realmr]

uploaded to the misc directory of folder using, but can't see any image

[Adromir]

did u uploaded the images itself or in their containing folder?
Did u uploaded the right folder? There are two und you have to upload the folder corresponding to the product.

[Lee Roberts]

Really like this one mate, saves us the time and effort. I'v just poped back to pull the 3.8 version to use on my site www.mycncuk.com looks really good thanks !...marked as installed !

[barbados]

It works ok in IE in all languages but in Firefox it works ok in English but in other languages the words get out of the table !

[M Shaker]

Thanks

[mgcom]

Thanks

Is there another hack for images on the main nav bar ?

[Smitty]

Thanks

Is there another hack for images on the main nav bar ? Nice idea. I haven't seen one yet, though.

[yamahapaul]

One of my favourite mods, thanks :up:

[Andreas]

There are issues with the floating when using a german language pack (see attached screenshot).

Sugestion: Add some class to the table so we an easily adjust the width without having to modify the template.

[Almotmaiz.Net]

i Like it . thanks.
but there a problem . my forum is RTL icons in float left. i repalce this

style="float:left;margin-right:5px;"within this
style="float:$stylevar[left];margin-$stylevar[right]:5px;"and working with LTR instead RTL.

thanks . and marked as installed.

[Raptor]

how to manually enter menu items that were installed with other mods previously (this removes then all)

[Redzzand]

how to manually enter menu items that were installed with other mods previously (this removes then all)

+1 Ran into same error... any UserCP menu's added by other mods get removed when this mod is installed...

[smirkley]

how to manually enter menu items that were installed with other mods previously (this removes then all)

+2 Thats the ONE and ONLY reason I dont use this, but really wish I could.

I love the mod, but dont want it to remove what I use, which it does, with no option to replace it.

[Smitty]

Can you be more specific? What mod does it conflict with? What other menu items does it remove?

Without basic information such as this it's next to impossible to try to fix it.

[Stifmeister2]

how to manually enter menu items that were installed with other mods previously (this removes then all)

+1 Ran into same error... any UserCP menu's added by other mods get removed when this mod is installed...

+2 Thats the ONE and ONLY reason I dont use this, but really wish I could.

I love the mod, but dont want it to remove what I use, which it does, with no option to replace it.

You need to manually add the link(s) to "USERCP_SHELL_ICONS" template. ;)


Like this for example:

<tr><td class="$navclass[avatar]" nowrap="nowrap"><div style="float:left;margin-right:5px;"><img border="0" src="$stylevar[imgdir_misc]/usercp_icons/picture_edit.gif" /></div><a class="smallfont" href="link.php">Link</a></td></tr>

[Smitty]

+1 Ran into same error... any UserCP menu's added by other mods get removed... What mod is it you are referring to?

[RedHacker]

There are issues with the floating when using a german language pack (see attached screenshot).

Sugestion: Add some class to the table so we an easily adjust the width without having to modify the template.

How to fix this....?

[RedHacker]

I think if add USERCP left add options no to display. Why.....?

[rizelim]

thanks

[Nadeemjp]

thank you
been looking for this.

would this work with vb4.0?

[Nadeemjp]

can you please upgrade it for vb4.0?
thanx

[Taurus1]

Very nice thank you! Can someone tell me what to do if I have dark and light styles? Because I can just upload one of the XML files at a time! Thanks!

[Nadeemjp]

upgrade for vb4 required please.....

[SnakeV]

upgrade for vb4 required please.....

+1 :)

Please upgrade to vB 4

[Bouncer222]

Please upgrade to VB 4.0!

[horussjr]

upgrade for vb4.0 please!

[Erica1977]

Very nice MOD thanks.

[KURTZ]

Please upgrade to VB 4.0!

+1 :)

[MikesSite]

I would like to disable this hack for certain styles (my mobiles styles). Can somebody please help me? There is no variable to turn it off so I can't do it that way.

Thanks.

[MikesSite]

Anybody?

[muratcan25]

thank you