Icons for UserCP Navigation

[demgel]

NOT SUPPORTED VERSION
LOOK AT: https://vborg.vbsupport.ru/showthread.php?t=170558
FOR 1.1 VERSION :)

Ok, this is a REALLY REALLY simple template edit.

Here you have 2 EXAMPLES in vBulletin Default Skin and other custom skin.

https://vborg.vbsupport.ru/ http://www.nucleohost.com/img/777444vb-usercpicons2.gif

Tested on vBulletin 3.7 Beta 4 & Beta 5, works fine.

Instructions

1. Upload the "usercp_icons" folder to your images/misc folder.

2. Go to admincp, style manager and open the "USERCP_SHELL" template (inside User Control Panel Templates).

3. Find all the text between the tags:
<!-- usercp nav -->
[ALL THE CODE HERE]
<!-- / usercp nav -->And Replace with:
<!-- usercp nav -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0">
<tr><td class="tcat" nowrap="nowrap" colspan="2"><a href="usercp.php$session[sessionurl_q]">$vbphrase[your_control_panel]</a></td></tr>
<tr><td class="thead" colspan="2"><a href="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[your_profile]</a></td></tr>
<tr><td class="$navclass[profile]" nowrap="nowrap">
<img border="0" src="images/misc/usercp_icons/user_edit.gif" width="16" height="16"></td><td class="$navclass[profile]" nowrap="nowrap"><a class="smallfont" href="profile.php?$session[sessionurl]do=editprofile">$vbphrase[edit_your_details]</a></td></tr>
<if condition="$show['customizelink']">
<tr><td class="$navclass[customize]" nowrap="nowrap">
<img border="0" src="images/misc/usercp_icons/vcard_edit.gif" width="16" height="16"></td><td class="$navclass[customize]" nowrap="nowrap"><a class="smallfont" href="profile.php?$session[sessionurl]do=customize">$vbphrase[customize_profile]</a></td></tr>
</if>
<if condition="$show['profilepiclink']">
<tr><td class="$navclass[profilepic]" nowrap="nowrap">
<img border="0" src="images/misc/usercp_icons/picture_edit.gif" width="16" height="16"></td><td class="$navclass[profilepic]" nowrap="nowrap"><a class="smallfont" href="profile.php?$session[sessionurl]do=editprofilepic">$vbphrase[edit_profile_picture]</a></td></tr>
</if>
<tr><td class="thead" colspan="2">$vbphrase[networking]</td></tr>
<tr><td class="$navclass[buddylist]" nowrap="nowrap">
<img border="0" src="images/misc/usercp_icons/emoticon_smile.gif" width="16" height="16"></td><td class="$navclass[buddylist]" nowrap="nowrap"><a class="smallfont" href="profile.php?$session[sessionurl]do=buddylist"><if condition="$show['friends_and_contacts']">$vbphrase[contacts_and_friends]<else />$vbphrase[contacts]</if></a></td></tr>
<if condition="$show['socialgroupslink']">
<tr><td class="alt2" nowrap="nowrap">
<img border="0" src="images/misc/usercp_icons/group.gif" width="16" height="16"></td><td class="alt2" nowrap="nowrap"><a class="smallfont" href="group.php$session[sessionurl_q]">$vbphrase[social_groups]</a></td></tr>
</if>
<if condition="$show['publicgroups']">
<tr><td class="$navclass[usergroups]" nowrap="nowrap">
<img border="0" src="images/misc/usercp_icons/group_add.gif" width="16" height="16"></td><td class="$navclass[usergroups]" nowrap="nowrap"><a class="smallfont" href="profile.php?$session[sessionurl]do=editusergroups">$vbphrase[group_memberships]</a></td></tr>
</if>
<if condition="$show['albumlink']">
<tr><td class="$navclass[album]" nowrap="nowrap">
<img border="0" src="images/misc/usercp_icons/photos.gif" width="16" height="16"></td><td class="$navclass[album]" nowrap="nowrap"><a class="smallfont" href="album.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[pictures_and_albums]</a></td></tr>
</if>
<tr><td class="thead" colspan="2">$vbphrase[settings_and_options]</td></tr>
<if condition="$show['avatarlink']">
<tr><td class="$navclass[avatar]" nowrap="nowrap">
<img border="0" src="images/misc/usercp_icons/picture_empty.gif" width="16" height="16"></td><td class="$navclass[avatar]" nowrap="nowrap"><a class="smallfont" href="profile.php?$session[sessionurl]do=editavatar">$vbphrase[edit_avatar]</a></td></tr>
</if>
<if condition="$show['siglink']">
<tr><td class="$navclass[signature]" nowrap="nowrap">
<img border="0" src="images/misc/usercp_icons/page_red.gif" width="16" height="16"></td><td class="$navclass[signature]" nowrap="nowrap"><a class="smallfont" href="profile.php?$session[sessionurl]do=editsignature">$vbphrase[edit_signature]</a></td></tr>
</if>
<tr><td class="$navclass[password]" nowrap="nowrap">
<img border="0" src="images/misc/usercp_icons/lock.gif" width="16" height="16"></td><td class="$navclass[password]" nowrap="nowrap"><a class="smallfont" href="profile.php?$session[sessionurl]do=editpassword">$vbphrase[edit_email_and_password]</a></td></tr>
<tr><td class="$navclass[options]" nowrap="nowrap">
<img border="0" src="images/misc/usercp_icons/cog.gif" width="16" height="16"></td><td class="$navclass[options]" nowrap="nowrap"><a class="smallfont" href="profile.php?$session[sessionurl]do=editoptions">$vbphrase[edit_options]</a></td></tr>
<tr><td class="$navclass[ignorelist]" nowrap="nowrap">
<img border="0" src="images/misc/usercp_icons/user_delete.gif" width="16" height="16"></td><td class="$navclass[ignorelist]" nowrap="nowrap"><a class="smallfont" href="profile.php?$session[sessionurl]do=ignorelist">$vbphrase[edit_ignore_list]</a></td></tr>
<if condition="$show['pmmainlink']">
<tr>
<td class="thead" nowrap="nowrap" colspan="2">
<span id="nav_pmfolders">$vbphrase[private_messages] <if condition="$show['popups']"><script type="text/javascript"> vbmenu_register("nav_pmfolders"); </script></if></span>
<if condition="$show['popups']">
<div class="vbmenu_popup" id="nav_pmfolders_menu" style="display:<if condition="$show['popups']">none<else />block</if>">
<table cellpadding="4" cellspacing="1" border="0">
<tr>
<td class="thead" nowrap="nowrap">$vbphrase[folders]</td>
</tr>
$cpnav[pmfolders]
</table>
</div>
</td>
</if>
</tr>
<tr><td class="$navclass[pm_messagelist]" nowrap="nowrap">
<img border="0" src="images/misc/usercp_icons/email_open.gif" width="16" height="16"></td><td class="$navclass[pm_messagelist]" nowrap="nowrap"><a class="smallfont" href="private.php$session[sessionurl_q]">$vbphrase[list_messages]</a></td></tr>
<if condition="$show['pmsendlink']">
<tr><td class="$navclass[pm_newpm]" nowrap="nowrap">
<img border="0" src="images/misc/usercp_icons/email_add.gif" width="16" height="16"></td><td class="$navclass[pm_newpm]" nowrap="nowrap"><a class="smallfont" href="private.php?$session[sessionurl]do=newpm">$vbphrase[send_new_message]</a></td></tr>
</if>
<if condition="$show['pmtracklink']">
<tr><td class="$navclass[pm_trackpm]" nowrap="nowrap">
<img border="0" src="images/misc/usercp_icons/email_go.gif" width="16" height="16"></td><td class="$navclass[pm_trackpm]" nowrap="nowrap"><a class="smallfont" href="private.php?$session[sessionurl]do=trackpm">$vbphrase[track_messages]</a></td></tr>
</if>
<tr><td class="$navclass[pm_editfolders]" nowrap="nowrap">
<img border="0" src="images/misc/usercp_icons/folder_edit.gif" width="16" height="16"></td><td class="$navclass[pm_editfolders]" nowrap="nowrap"><a class="smallfont" href="private.php?$session[sessionurl]do=editfolders">$vbphrase[edit_folders]</a></td></tr>
</if>
<tr>
<td class="thead" nowrap="nowrap" colspan="2">
<span id="nav_subsfolders">$vbphrase[subscribed_threads] <if condition="$show['popups']"><script type="text/javascript"> vbmenu_register("nav_subsfolders"); </script></if></span>
<if condition="$show['popups']">
<div class="vbmenu_popup" id="nav_subsfolders_menu" style="display:<if condition="$show['popups']">none<else />block</if>">
<table cellpadding="4" cellspacing="1" border="0">
<tr>
<td class="thead" nowrap="nowrap">$vbphrase[folders]</td>
</tr>
$cpnav[subsfolders]
</table>
</div>
</if>
</td>
</tr>
<tr><td class="$navclass[substhreads_listthreads]" nowrap="nowrap">
<img border="0" src="images/misc/usercp_icons/newspaper.gif" width="16" height="16"></td><td class="$navclass[substhreads_listthreads]" nowrap="nowrap"><a class="smallfont" href="subscription.php?$session[sessionurl]do=viewsubscription">$vbphrase[list_subscriptions]</a></td></tr>
<tr><td class="$navclass[substhreads_editfolders]" nowrap="nowrap">
<img border="0" src="images/misc/usercp_icons/folder_edit.gif" width="16" height="16"></td><td class="$navclass[substhreads_editfolders]" nowrap="nowrap"><a class="smallfont" href="subscription.php?$session[sessionurl]do=editfolders">$vbphrase[edit_folders]</a></td></tr>
<tr><td class="thead" colspan="2">$vbphrase[miscellaneous]</td></tr>
<tr><td class="$navclass[event_reminders]" nowrap="nowrap">
<img border="0" src="images/misc/usercp_icons/time.gif" width="16" height="16"></td><td class="$navclass[event_reminders]" nowrap="nowrap"><a class="smallfont" href="calendar.php?$session[sessionurl]do=viewreminder">$vbphrase[event_reminders]</a></td></tr>
<if condition="$show['paidsubscriptions']">
<tr><td class="$navclass[paid_subscriptions]" nowrap="nowrap">
<img border="0" src="images/misc/usercp_icons/coins.gif" width="16" height="16"></td><td class="$navclass[paid_subscriptions]" nowrap="nowrap"><a class="smallfont" href="payments.php$session[sessionurl_q]">$vbphrase[paid_subscriptions]</a></td></tr>
</if>
<if condition="$show['attachments']">
<tr><td class="$navclass[attachments]" nowrap="nowrap">
<img border="0" src="images/misc/usercp_icons/attach.gif" width="16" height="16"></td><td class="$navclass[attachments]" nowrap="nowrap"><a class="smallfont" href="profile.php?$session[sessionurl]do=editattachments">$vbphrase[attachments]</a></td></tr>
</if>
<if condition="$show['moderation']">

<if condition="$show['deleteditems']">
<tr><td class="thead" colspan="2">$vbphrase[deleted_items]</td></tr>
<tr><td class="$navclass[deletedthreads]" nowrap="nowrap">
<img border="0" src="images/misc/usercp_icons/page_white_get.gif" width="16" height="16"></td><td class="$navclass[deletedthreads]" nowrap="nowrap"><a class="smallfont" href="moderation.php?$session[sessionurl]do=viewthreads&type=deleted">$vbphrase[threads]</a></td></tr>
<tr><td class="$navclass[deletedposts]" nowrap="nowrap">
<img border="0" src="images/misc/usercp_icons/page_white_copy.gif" width="16" height="16"></td><td class="$navclass[deletedposts]" nowrap="nowrap"><a class="smallfont" href="moderation.php?$session[sessionurl]do=viewposts&type=deleted">$vbphrase[posts]</a></td></tr>
<tr><td class="$navclass[deletedvms]" nowrap="nowrap">
<img border="0" src="images/misc/usercp_icons/vcard_add.gif" width="16" height="16"></td><td class="$navclass[deletedvms]" nowrap="nowrap"><a class="smallfont" href="moderation.php?$session[sessionurl]do=viewvms&type=deleted">$vbphrase[visitor_messages]</a></td></tr>
<tr><td class="$navclass[deletedgms]" nowrap="nowrap">
<img border="0" src="images/misc/usercp_icons/report_add.gif" width="16" height="16"></td><td class="$navclass[deletedgms]" nowrap="nowrap"><a class="smallfont" href="moderation.php?$session[sessionurl]do=viewgms&type=deleted">$vbphrase[social_group_messages]</a></td></tr>
<tr><td class="$navclass[deletedpcs]" nowrap="nowrap">
<img border="0" src="images/misc/usercp_icons/picture_add.gif" width="16" height="16"></td><td class="$navclass[deletedpcs]" nowrap="nowrap"><a class="smallfont" href="moderation.php?$session[sessionurl]do=viewpcs&type=deleted">$vbphrase[picture_comments]</a></td></tr>
</if>

<if condition="$show['moderateditems']">
<tr><td class="thead" colspan="2">$vbphrase[moderated_items]</td></tr>
<tr><td class="$navclass[moderatedthreads]" nowrap="nowrap">
<img border="0" src="images/misc/usercp_icons/page_white_get.gif" width="16" height="16"></td><td class="$navclass[moderatedthreads]" nowrap="nowrap"><a class="smallfont" href="moderation.php?$session[sessionurl]do=viewthreads&type=moderated">$vbphrase[threads]</a></td></tr>
<tr><td class="$navclass[moderatedposts]" nowrap="nowrap">
<img border="0" src="images/misc/usercp_icons/page_white_copy.gif" width="16" height="16"></td><td class="$navclass[moderatedposts]" nowrap="nowrap"><a class="smallfont" href="moderation.php?$session[sessionurl]do=viewposts&type=moderated">$vbphrase[posts]</a></td></tr>
<if condition="$show['moderatedvms']">
<tr><td class="$navclass[moderatedvms]" nowrap="nowrap">
<img border="0" src="images/misc/usercp_icons/vcard_add.gif" width="16" height="16"></td><td class="$navclass[moderatedvms]" nowrap="nowrap"><a class="smallfont" href="moderation.php?$session[sessionurl]do=viewvms&type=moderated">$vbphrase[visitor_messages]</a></td></tr>
</if>
<if condition="$show['moderatedgms']">
<tr><td class="$navclass[moderatedgms]" nowrap="nowrap">
<img border="0" src="images/misc/usercp_icons/report_add.gif" width="16" height="16"></td><td class="$navclass[moderatedgms]" nowrap="nowrap"><a class="smallfont" href="moderation.php?$session[sessionurl]do=viewgms&type=moderated">$vbphrase[social_group_messages]</a></td></tr>
</if>
<if condition="$show['moderatedpcs']">
<tr><td class="$navclass[moderatedpcs]" nowrap="nowrap">
<img border="0" src="images/misc/usercp_icons/picture_add.gif" width="16" height="16"></td><td class="$navclass[moderatedpcs]" nowrap="nowrap"><a class="smallfont" href="moderation.php?$session[sessionurl]do=viewpcs&type=moderated">$vbphrase[picture_comments]</a></td></tr>
</if>
</if>

</if>
$template_hook[usercp_navbar_bottom]
</table>

[Jase2]

Very Nice!

Regards Jason :)

[ChurchMedia]

Fantastic! Thanks! :)

[NeuroLancer]

Yes the code is simple, but choosing a proper icon for each item is usually a pain in the backside so thanks alot ;)

Just as an afterthought, wouldnt it be better to say in the code

<td style="white-space:nowrap;">

instead of using <td nowrap="nowrap">

you can read this page (http://www.thescripts.com/forum/thread624419.html) to see what im talking about.

[TheProphet]

Looks great, thx m8

[seangworld]

excellent!

[sensimilla]

Nice i love fam fam fam icons :D

[boxerman]

Loving it!

[KURTZ]

really really nice!

[MrPHD]

Installed and running. regards

[seangworld]

it's not working. all broken images...

EDIT: nevermind, i see what i did...

[Zebra]

It goes wrong if you have also the Project Tools installed. The table is wrong.
So please look at this..

Problem is the $template_hook[usercp_navbar_bottom] what is used by Blog and Project Tools.

[mcyates]

thank you, it looks amazing :)

[M-Tuning]

Very nice, Installed :P

[Akademiks]

thanks nice quick mod

[dj_f16]

thanx man :)
very nice modification

[sensimilla]

It goes wrong if you have also the Project Tools installed. The table is wrong.
So please look at this..


Same with Jelsoft blog. Table goes wrong. Thanks for the nice addon anyway.

[demgel]

1.0 Version NOT Supported.

Look at:
https://vborg.vbsupport.ru/showthread.php?t=170558
For 1.1 Version.

No manual template edits, fixed width compatibility with vBulletin Projects & vBulletin Blog.

[Zebra]

New version is great! Thanks!

[FCS-Webmaster]

Really cool and nice work! :up:

A Question witch is similar:
Is it possible for you to pimp the notification menu as this one?!
I do really like to have small, nice pics in those menus. :D

[demgel]

Really cool and nice work! :up:

A Question witch is similar:
Is it possible for you to pimp the notification menu as this one?!
I do really like to have small, nice pics in those menus. :D

Yes, it's possible, but please continue posting on the new thread, at "Add-ons" section.

BTW... Really sorry for the "I do really like to have small" part :P hahaha

[Elenna]

Thanks very much! I've installed this on my 3.6.8, swapping out the appropriate phrases. Great mod!

[Bilderback]

It goes wrong if you have also the Project Tools installed. The table is wrong.
So please look at this..

Problem is the $template_hook[usercp_navbar_bottom] what is used by Blog and Project Tools.

I also agree with Zebra.
This is great- I love it.
But I did have to alter other products in order for it to work.
If anyone utilizes the $template_hook[usercp_navbar_bottom]
ithe colspan gets all messed up

[syrus.xl]

The coding would be better if you used a style var path for people using custom styles and it also is the proper way to code the images in vBulletin.

Example:

img src="$stylevar[imgdir_misc]/usercp_icons/"

Apart from this, its a nice mod! :D

[rizelim]

thank you very much.

[Maxime-TPC]

Bravo ! J'ai installer c'est tr?s chouette :)

[ShawneyJ]

love em.

[cassis2k]

Very Nice! thanks

[Syria BoY]

Thank you very wonderful addition

[abroad]

can I use this for Beta 6? Beta 6 has 30 menu items, the pictures here only show 28 menu items

[DarkSorrowz]

I uploaded it but the pictures wont load.

http://img144.imageshack.us/img144/392/usercpcb8.jpg

Thats whats happening. Any help? I uploaded them into the right spot too!

[DarkSorrowz]

Never mind its all good i figured it out! (Im pro!) :P Thanks man looks so much nicer.

[Jase2]

Can anyone tell me how to make the userCP a drop down menu?

Regards Jason :)

[Andy92]

I love the glossy blue navbar!

Does anyone know where to find this nice glossy blue template?

[pcoskat]

VERY nice

[WoodiE]

screen shot?

[suiz]

thanks nice quick mod

[ecihanuysal]

thanks. nice mini mod..

[ZomgStuff]

Any screenshot previews?

[KURTZ]

guys

CHECK HERE! (https://vborg.vbsupport.ru/showthread.php?t=170558
)

[DubaiHost]

Same with Jelsoft blog. Table goes wrong. Thanks for the nice addon anyway.

Replace blog_usercp_nav_link template content with :

<tr><td class="thead" colspan="2"><a href="blog_usercp.php$session[sessionurl_q]">$vbphrase[blog]</a></td></tr>

and it will be fine ..

[Losha]

Very Very Very Nice!

[zet10.com]

very nice thank you !

[fariborz]

Picture Albums for moderate has not in your edited template code. ;)
Resolve it.

Thanks

[Madlike]

Can I Replace it For 3.6 versions ?

[tafreeh]

i did follow all the instruction but nothing happpen... in other words it did not work for me....

[Dev.Sun]

Very nice. installed :) thanks

[Captain Tycoon]

i did follow all the instruction but nothing happpen... in other words it did not work for me....This does not work if you have "GTUserCP - Enhanced USERCP Interface + USERCP Menu" installed! I had the same problem too...

Awesome Modification! Installed and Marked!

[mesdar]

thanks

installed

[ozmazdaclub]

if i have another option how do i add an icon to that option?