PDA

View Full Version : Mini Mods - Icons for UserCP Navigation


demgel
15 Feb 2008, 01:47
NOT SUPPORTED VERSION
LOOK AT: http://www.vbulletin.org/forum/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://www.vbulletin.org/forum/ 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
15 Feb 2008, 01:50
Very Nice!

Regards Jason :)

ChurchMedia
15 Feb 2008, 03:27
Fantastic! Thanks! :)

NeuroLancer
15 Feb 2008, 03:54
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
15 Feb 2008, 05:17
Looks great, thx m8

seangworld
15 Feb 2008, 07:55
excellent!

sensimilla
15 Feb 2008, 08:56
Nice i love fam fam fam icons :D

boxerman
15 Feb 2008, 10:24
Loving it!

KURTZ
15 Feb 2008, 10:26
really really nice!

MrPHD
15 Feb 2008, 11:05
Installed and running. regards

seangworld
15 Feb 2008, 11:40
it's not working. all broken images...



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

Zebra
15 Feb 2008, 11:51
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
15 Feb 2008, 12:36
thank you, it looks amazing :)

M-Tuning
15 Feb 2008, 12:55
Very nice, Installed :P

Akademiks
15 Feb 2008, 12:56
thanks nice quick mod

dj_f16
15 Feb 2008, 12:59
thanx man :)
very nice modification

sensimilla
15 Feb 2008, 14:13
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
15 Feb 2008, 14:31
1.0 Version NOT Supported.

Look at:
http://www.vbulletin.org/forum/showthread.php?t=170558
For 1.1 Version.

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

Zebra
15 Feb 2008, 14:36
New version is great! Thanks!

FCS-Webmaster
15 Feb 2008, 15:01
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
15 Feb 2008, 15:21
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
15 Feb 2008, 20:26
Thanks very much! I've installed this on my 3.6.8, swapping out the appropriate phrases. Great mod!

Bilderback
16 Feb 2008, 22:42
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
19 Feb 2008, 18:04
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
19 Feb 2008, 19:57
thank you very much.

Maxime-TPC
19 Feb 2008, 20:24
Bravo ! J'ai installer c'est très chouette :)

ShawneyJ
04 Mar 2008, 16:10
love em.

cassis2k
04 Mar 2008, 16:48
Very Nice! thanks

Syria BoY
06 Mar 2008, 07:31
Thank you very wonderful addition

abroad
07 Mar 2008, 19:30
can I use this for Beta 6? Beta 6 has 30 menu items, the pictures here only show 28 menu items

DarkSorrowz
14 Mar 2008, 09:22
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
14 Mar 2008, 09:44
Never mind its all good i figured it out! (Im pro!) :P Thanks man looks so much nicer.

Jase2
14 Mar 2008, 21:03
Can anyone tell me how to make the userCP a drop down menu?

Regards Jason :)

Andy92
19 Mar 2008, 00:30
I love the glossy blue navbar!

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

pcoskat
22 Mar 2008, 13:46
VERY nice

WoodiE
10 Apr 2008, 19:10
screen shot?

suiz
16 Apr 2008, 11:24
thanks nice quick mod

ecihanuysal
20 Apr 2008, 22:37
thanks. nice mini mod..

ZomgStuff
21 Apr 2008, 14:26
Any screenshot previews?

KURTZ
21 Apr 2008, 14:36
guys

CHECK HERE! (http://www.vbulletin.org/forum/showthread.php?t=170558
)

DubaiHost
02 May 2008, 10:32
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
02 May 2008, 21:52
Very Very Very Nice!

zet10.com
07 May 2008, 19:45
very nice thank you !

fariborz
14 May 2008, 21:49
Picture Albums for moderate has not in your edited template code. ;)
Resolve it.

Thanks

Madlike
15 May 2008, 08:54
Can I Replace it For 3.6 versions ?

tafreeh
21 May 2008, 08:33
i did follow all the instruction but nothing happpen... in other words it did not work for me....

Dev.Sun
21 May 2008, 11:19
Very nice. installed :) thanks

Captain Tycoon
17 Jun 2008, 11:48
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
12 Dec 2008, 08:05
thanks

installed

ozmazdaclub
16 Dec 2008, 12:38
if i have another option how do i add an icon to that option?