Post by SubDevo on Jul 30, 2009 23:48:05 GMT -8
Member and Admin Jumps by SubDevo
Tested in IE, FF, Opera, Safari and Chrome.
This code creates two Jumps. One for members and another for administrators. For members, it gives instant access to common links. Such as anything PM related, bookmarks and most recent posts of the forum.
The Admin Jump, has all the links from the admin page and sub-level links. For most of these, you will save 2 or 3 mouse clicks!
One click to access your global or main headers/footers. One click to access Customize Images, Modify skin and more!
Personally, I just use this code for the Admin jump and hide the member jump. It is a REAL timesaver! You will wonder how you got along without this before! ;D
Preview:
Preview 1 (Screenshot from FireFox)
Preview 2 (Screenshot from IE)
Support for Multiple Skins! The code automatically customizes the items in the Admin Jump for your forum! (Editing instructions at bottom of post)
Admin Jump Single and Multiple Skin Comparison
The code has two parts. The CSS style and the code for the jumps themselves to check weather you are a guest, member and/or administrator.
The jumps are not visible to guests.
<style type="text/css">
<!--
/* Member and Admin Jumps CSS */
#pmcontainer {position: relative; width: 750px; height: 16px; top: 0px;}
#pmdiv {position: absolute; left: 0px; bottom: 0px;}
#admindiv {position: absolute; right: 0px; bottom: 0px;}
.optcol1 {background-color: #301919; color: #FFDBDB; text-transform: uppercase}
.optcol2 {background-color: #1C0C0C; color: #FF6B6B; text-transform: none}
-->
</style>
<script type="text/javascript">
/* Member and Admin Jumps by SubDevo */
/* Please leave this header intact. Do not repost. */
/* interoceandesigns.com or lsdp.proboards.com */
var forumStaff=/^(admin)$/i // Forum staff user names.
var skins=["","Gold","Mystery","SkyBlue"]; // Skin names.
var sknID=[1,2,3,4]; // Skin ID's
var memHide=1; // 0=Show Member Jump, 1=Hide Member Jump.
var memJump="Member Jump"; // Title of the Member Jump.
var admJump="Administrator Jump"; // Title of the Admin Jump.
// DO NOT EDIT BELOW
var oData=[["Messages","",""],["Received Personal Messages","pm","Go to Inbox"],["View Sent Personal Messages","pm&view=2","Go to Outbox"],["Create a New Personal Message","pmsend","New Message"],["Backup All Your Personal Messages","pmbackup","Backup PMs"],["Mark All Your Personal Messages as Read","javascript:confirm('Are you sure you want to mark all of your messages as read?')?location='?action=pmmarkasread':location.href=document.location","Mark as Read"],["Change Your Personal Message Preferences","pmprefs","PM Preferences"],["More","</optgroup>",""],["View Most Recent Forum Posts","recent","Recent Posts"],["Modify Your Profile","javascript:location='?action=modifyprofile&user='+pb_username","Modify Profile"],["View Your Bookmarked Threads","bookmarks","Bookmarks"],["Change Your Bookmark Preferences","managebookmarks","? ? Preferences"],["","",""],["Customize Your Forum","",""],["Modify Forum Avatars","avatars","Avatars"],["Change General Forum Settings","settings","General Settings"],["Change News Fader Options","newsfader","News Fader"],["Headers and Footers","",""],["Backup All Your Headers and Footers Code","headersfootersdownload","Backup"],["Modify Board Header and Footer Code","headersfooters","Board Header/Footer"],["Modify Your Global Header and Footer Code","headersfooters2&id=*","Global Header/Footer"],["Modify Your Main Header and Footer Code","headersfooters2&id=-","Main Header/Footer"],["View Your Header and Footer Preferences","headersfootersprefs","Preferences"]];
var sData=[["Boards","",""],["Create a New Board","boardcreate","Create Board"],["Delete a Board","boarddelete","Delete Board"],["Modify a Board","boardmodify","Modify Board"],["Move a Board","boardmove","Move Board"],["Change Order of Boards","boardreorder","Reorder Boards"],["Recount Board Totals","recountboards","Recount Board Totals"],["Categories","",""],["Create a New Category","categorycreate","Create Category"],["Delete a Category","categorydelete","Delete Category"],["Modify a Category","categorymodify","Modify Category"],["Change Order of Categories","categoryreorder","Reorder Categories"],["Manage Members","",""],["Ban a Member","ban","Ban Member"],["Email All Members","emailall","Email All"],["Modify Member Rankings","modifyranks","Modify Rankings"],["Send a Personal Message to All Members","pmall","PM All"],["Search All Members","searchmembers","Search Members"],["Member Groups","",""],["Create a New Member Group","membergroupcreate","Create Group"],["Delete a Member Group","membergroupdelete","Delete Group"],["Modify a Member Group","membergroupmodify","Modify Group"],["View Log of Forum Changes","viewsecuritylog","View Security Log"],["Manage Posts","",""],["Attachments - Stats","attachments","Attachments - Stats"],["Attachments - View List","attachmentslist","Attachments - View List"],["Delete Old Posts","deleteoldposts","Delete Old Posts"],["Delete Threads / Posts by Member","deletespecific","Delete Posts by Member"],["Restrictions","",""],["Modify Your Censored Words List","censoredwords","Censored Words"],["Modify Your Reserved Names List","reservednames","Reserved Names"],["Forum Analytics","",""],["Access Forum Analytics","forumstats","Access Analytics"]];
var fData=[["Create a New Skin","skinscreate","Create Skin"],["Delete a Skin","skinsdelete","Delete Skin"],["Set a Skin as Default","skinsdefault","Set Default Skin"]];
if(!skins[0]){
fData.push(["Customize Images","boardimages&skin="+sknID[0],"Customize Images"],["Modify Skin","skinsmodify2&skin="+sknID[0],"Modify Skin"]);
fData.sort();
}else{
mBuild(skins,"Modify ","skinsmodify2&skin=",["Modify Skin","",""],1);
mBuild(skins,"Customize Images for ","boardimages&skin=",["Customize Images","",""],1);
}
oData.push(["Skins / Forum Colors","",""]);
mBuild(fData,0,0,0,0); mBuild(sData,0,0,0,0);
function mBuild(fx,fa,fb,fc,fd){
if(fd){oData.push(fc);}
for(var x=0;x<fx.length;x++){
oData.push((fd) ? [fa+skins[x]+" Skin",fb+sknID[x],skins[x]+" Skin"]:fx[x]);
}
} var mm=(/board=(.+?)(&(amp;)?|$)/i.test(location.href))?"2&id="+RegExp.$1:"";
var cc="<div id='pmdiv' style='display: none'>"; var cd="<div id='admindiv' style='display: none'>";
var ce="</optgroup></select></div>"; var nGrp='<optgroup class="optcol1" label="';
var nOpt=['<option class="optcol2" title="','" value="/index.cgi?action='];
var xa='<select size="1" name="'; xb='" onchange="document.location.href=this.value"><option selected value="">';
var str=xa+'pmjump'+xb+memJump+'</option>';
for(var x=0;x<oData.length;x++){
if(oData[x][0]=="Member Groups"&&pb_username!="admin"){x=x+5;}
if(/^(headersfooters|boardmodify)$/.test(oData[x][1])){oData[x][1]+=mm;}
var nx=(x==5|x==9)?'" value="':nOpt[1];
if(!oData[x][0]){cc+=str+ce; str=xa+'adminjump'+xb+admJump+'</option>'; x++;}
if(!oData[x][2]){var ng=oData[x][1]+nGrp+oData[x][0]+'">'; str+=ng; x++;}
str+=nOpt[0]+oData[x][0]+nx+oData[x][1]+'">'+oData[x][2]+"</option>";
}
document.write("<center><div id='pmcontainer'>"+cc+cd+str+ce+"</div></center>");
function showJumps(){
var a=document.getElementById("pmdiv");
var b=document.getElementById("admindiv");
if(a&&!memHide){a.style.display="";}
if(a&&pb_username.match(forumStaff)){b.style.display="";}
} if(pb_username!="Guest"){ showJumps(); setTimeout("showJumps()",1000);}
</script>
I'm also offering a hosted version. You decide which version is best for you.
Advantages: Only 8Kb in size. Faster page loading.
Instant update of your code if changes need to be made.
Disadvantages: If my "100webspace" server goes down, the code will not run.
Hosted Version:
<style type="text/css">
<!--
/* Member and Admin Jumps by SubDevo CSS */
#pmcontainer {position: relative; width: 750px; height: 16px; top: 0px;}
#pmdiv {position: absolute; left: 0px; bottom: 0px;}
#admindiv {position: absolute; right: 0px; bottom: 0px;}
.optcol1 {background-color: #301919; color: #FFDBDB; text-transform: uppercase}
.optcol2 {background-color: #1C0C0C; color: #FF6B6B; text-transform: none}
-->
</style>
<script type="text/javascript">
/* Member and Admin Jumps by SubDevo */
/* Please leave this header intact. Do not repost. */
/* interoceandesigns.com or lsdp.proboards.com */
var forumStaff=/^(admin)$/i // Forum staff user names.
var skins=["","Gold","Mystery","SkyBlue"]; // Skin names.
var sknID=[1,2,3,4]; // Skin ID's
var memHide=1; // 0=Show Member Jump, 1=Hide Member Jump.
var memJump="Member Jump"; // Title of the Member Jump.
var admJump="Administrator Jump"; // Title of the Admin Jump.
// DO NOT EDIT BELOW
document.write('<script type="text/javascript" src="http://lsdp.100webspace.net/memadminjumps.js"></scr'+'ipt>');
</script>
Code Placement:
Place the CSS portion in your Global Header along with your other forum CSS. Place the rest of the code (intact) somewhere in your Global Header or Footer depending on where you want it to appear on your page. You may have to experiment on code placement till you get it to appear where you want it.
Each jump is in its own DIV. Both of these DIVs are placed into this div: #pmcontainer. In this code, it is centered for a fixed width forum. You may use a percentage instead of px if your forum is NOT fixed width.
The member jump is placed at the far left, the admin jump at the far right. Changing the width of #pmcontainer, will move both of the jumps closer together or move them apart. Change the "top" value to move your Jumps up or down from its current position. Negative values move up, positive down. Change "left" value in #pmdiv to move the Member Jump to the right. Change "right" value in #admindiv to move the Admin Jump to the Left.
Look at the preview pics (above the Code box), for placement of the divs.
Edit the Maroon sections.
These are the DIVs...
#pmcontainer {position: relative; width: 750px; height: 16px; top: -55px;}
#pmdiv {position: absolute; left: 0px; bottom: 0px;}
#admindiv {position: absolute; right: 0px; bottom: 0px;}
These "style" the look of your "jumps"...
.optcol1 {background-image: url(IMAGE URL); background-color: #301919; color: #FFDBDB; text-transform: uppercase}
.optcol2 {background-image: url(IMAGE URL); background-color: #1C0C0C; color: #FF6B6B; text-transform: none}
FireFox displays background image. Internet Explorer does not.
![]()
![]()
With the code "as is" the Admin Jump will only be visible to admin.
Edit this line of the javascript to include other members with admin powers. Separate the USER names (NOT display names) with a | . Do not put anything after the last name!
Example:
var forumStaff=/^(admin|user1)$/i // Forum staff user names.
Note: This just controls if the Admin Jump is visible or not.
There is no code check of the actual "powers" of the members in the list!
You can also hide the Member Jump and just use the Admin Jump!
Just edit this line:
var memHide=1; // 0=Show Member Jump, 1=Hide Member Jump.
For Multiple Skins:
Enter your skin names (in quotes and separated by commas) in this line:
var skins=["","Gold","Mystery","SkyBlue"]; // Skin names.
Do NOT put a comma after the last skin name!
And of course, remove the skin names used in the example above if you are putting in your own skin names.
var sknID=[1,2,3,4]; // Skin ID's
Put the skin ID's in matching the order of the skin name in the above variable.
Using the example above, "Gold" is skin id=2, "Mystery" is skin id=3 etc.
If you only have one skin, change the first position in list to "" and make sure the first skin ID is correct (if you haven't deleted your default skin, the skin id is "1")
How do I find my Skin ID's?
Go to your "Modify Profile" page.
Then copy/paste the following line of code into your address bar and hit ENTER.
javascript:var b="";try{var n=document.getElementsByName("skin")[0].options;if(n){for(x=0;x<n.length;x++){b+=n[x].value+" = "+n[x].text+"\n";}}}catch(e){b=pb_skinid+" = Default";}alert(b);
You will get an alert box with a list of all your skin names and IDs.
Enjoy!!!
SubDevo
EDIT:
8/07/2009 - Added two more options for "Attachments" to the menu...
3/07/2010 - Added the new "Forum Analytics" section and also a hosted version of the code.
3/20/2010 - Updated code for use with any skin ID's in any order.
Previous code assumed skin ID's start at 1 and ascend numerically.
8/08/2011 - Very small edit to ensure Chrome users see the jumps. Added new feature. If you are viewing in a board when you click "Modify Board" or "Board Header/Footer" it takes you directly to that board area. Nice...
Tested in IE, FF, Opera, Safari and Chrome.
This code creates two Jumps. One for members and another for administrators. For members, it gives instant access to common links. Such as anything PM related, bookmarks and most recent posts of the forum.
The Admin Jump, has all the links from the admin page and sub-level links. For most of these, you will save 2 or 3 mouse clicks!
One click to access your global or main headers/footers. One click to access Customize Images, Modify skin and more!
Personally, I just use this code for the Admin jump and hide the member jump. It is a REAL timesaver! You will wonder how you got along without this before! ;D
Preview:
Preview 1 (Screenshot from FireFox)
Preview 2 (Screenshot from IE)
Support for Multiple Skins! The code automatically customizes the items in the Admin Jump for your forum! (Editing instructions at bottom of post)
Admin Jump Single and Multiple Skin Comparison
The code has two parts. The CSS style and the code for the jumps themselves to check weather you are a guest, member and/or administrator.
The jumps are not visible to guests.
<style type="text/css">
<!--
/* Member and Admin Jumps CSS */
#pmcontainer {position: relative; width: 750px; height: 16px; top: 0px;}
#pmdiv {position: absolute; left: 0px; bottom: 0px;}
#admindiv {position: absolute; right: 0px; bottom: 0px;}
.optcol1 {background-color: #301919; color: #FFDBDB; text-transform: uppercase}
.optcol2 {background-color: #1C0C0C; color: #FF6B6B; text-transform: none}
-->
</style>
<script type="text/javascript">
/* Member and Admin Jumps by SubDevo */
/* Please leave this header intact. Do not repost. */
/* interoceandesigns.com or lsdp.proboards.com */
var forumStaff=/^(admin)$/i // Forum staff user names.
var skins=["","Gold","Mystery","SkyBlue"]; // Skin names.
var sknID=[1,2,3,4]; // Skin ID's
var memHide=1; // 0=Show Member Jump, 1=Hide Member Jump.
var memJump="Member Jump"; // Title of the Member Jump.
var admJump="Administrator Jump"; // Title of the Admin Jump.
// DO NOT EDIT BELOW
var oData=[["Messages","",""],["Received Personal Messages","pm","Go to Inbox"],["View Sent Personal Messages","pm&view=2","Go to Outbox"],["Create a New Personal Message","pmsend","New Message"],["Backup All Your Personal Messages","pmbackup","Backup PMs"],["Mark All Your Personal Messages as Read","javascript:confirm('Are you sure you want to mark all of your messages as read?')?location='?action=pmmarkasread':location.href=document.location","Mark as Read"],["Change Your Personal Message Preferences","pmprefs","PM Preferences"],["More","</optgroup>",""],["View Most Recent Forum Posts","recent","Recent Posts"],["Modify Your Profile","javascript:location='?action=modifyprofile&user='+pb_username","Modify Profile"],["View Your Bookmarked Threads","bookmarks","Bookmarks"],["Change Your Bookmark Preferences","managebookmarks","? ? Preferences"],["","",""],["Customize Your Forum","",""],["Modify Forum Avatars","avatars","Avatars"],["Change General Forum Settings","settings","General Settings"],["Change News Fader Options","newsfader","News Fader"],["Headers and Footers","",""],["Backup All Your Headers and Footers Code","headersfootersdownload","Backup"],["Modify Board Header and Footer Code","headersfooters","Board Header/Footer"],["Modify Your Global Header and Footer Code","headersfooters2&id=*","Global Header/Footer"],["Modify Your Main Header and Footer Code","headersfooters2&id=-","Main Header/Footer"],["View Your Header and Footer Preferences","headersfootersprefs","Preferences"]];
var sData=[["Boards","",""],["Create a New Board","boardcreate","Create Board"],["Delete a Board","boarddelete","Delete Board"],["Modify a Board","boardmodify","Modify Board"],["Move a Board","boardmove","Move Board"],["Change Order of Boards","boardreorder","Reorder Boards"],["Recount Board Totals","recountboards","Recount Board Totals"],["Categories","",""],["Create a New Category","categorycreate","Create Category"],["Delete a Category","categorydelete","Delete Category"],["Modify a Category","categorymodify","Modify Category"],["Change Order of Categories","categoryreorder","Reorder Categories"],["Manage Members","",""],["Ban a Member","ban","Ban Member"],["Email All Members","emailall","Email All"],["Modify Member Rankings","modifyranks","Modify Rankings"],["Send a Personal Message to All Members","pmall","PM All"],["Search All Members","searchmembers","Search Members"],["Member Groups","",""],["Create a New Member Group","membergroupcreate","Create Group"],["Delete a Member Group","membergroupdelete","Delete Group"],["Modify a Member Group","membergroupmodify","Modify Group"],["View Log of Forum Changes","viewsecuritylog","View Security Log"],["Manage Posts","",""],["Attachments - Stats","attachments","Attachments - Stats"],["Attachments - View List","attachmentslist","Attachments - View List"],["Delete Old Posts","deleteoldposts","Delete Old Posts"],["Delete Threads / Posts by Member","deletespecific","Delete Posts by Member"],["Restrictions","",""],["Modify Your Censored Words List","censoredwords","Censored Words"],["Modify Your Reserved Names List","reservednames","Reserved Names"],["Forum Analytics","",""],["Access Forum Analytics","forumstats","Access Analytics"]];
var fData=[["Create a New Skin","skinscreate","Create Skin"],["Delete a Skin","skinsdelete","Delete Skin"],["Set a Skin as Default","skinsdefault","Set Default Skin"]];
if(!skins[0]){
fData.push(["Customize Images","boardimages&skin="+sknID[0],"Customize Images"],["Modify Skin","skinsmodify2&skin="+sknID[0],"Modify Skin"]);
fData.sort();
}else{
mBuild(skins,"Modify ","skinsmodify2&skin=",["Modify Skin","",""],1);
mBuild(skins,"Customize Images for ","boardimages&skin=",["Customize Images","",""],1);
}
oData.push(["Skins / Forum Colors","",""]);
mBuild(fData,0,0,0,0); mBuild(sData,0,0,0,0);
function mBuild(fx,fa,fb,fc,fd){
if(fd){oData.push(fc);}
for(var x=0;x<fx.length;x++){
oData.push((fd) ? [fa+skins[x]+" Skin",fb+sknID[x],skins[x]+" Skin"]:fx[x]);
}
} var mm=(/board=(.+?)(&(amp;)?|$)/i.test(location.href))?"2&id="+RegExp.$1:"";
var cc="<div id='pmdiv' style='display: none'>"; var cd="<div id='admindiv' style='display: none'>";
var ce="</optgroup></select></div>"; var nGrp='<optgroup class="optcol1" label="';
var nOpt=['<option class="optcol2" title="','" value="/index.cgi?action='];
var xa='<select size="1" name="'; xb='" onchange="document.location.href=this.value"><option selected value="">';
var str=xa+'pmjump'+xb+memJump+'</option>';
for(var x=0;x<oData.length;x++){
if(oData[x][0]=="Member Groups"&&pb_username!="admin"){x=x+5;}
if(/^(headersfooters|boardmodify)$/.test(oData[x][1])){oData[x][1]+=mm;}
var nx=(x==5|x==9)?'" value="':nOpt[1];
if(!oData[x][0]){cc+=str+ce; str=xa+'adminjump'+xb+admJump+'</option>'; x++;}
if(!oData[x][2]){var ng=oData[x][1]+nGrp+oData[x][0]+'">'; str+=ng; x++;}
str+=nOpt[0]+oData[x][0]+nx+oData[x][1]+'">'+oData[x][2]+"</option>";
}
document.write("<center><div id='pmcontainer'>"+cc+cd+str+ce+"</div></center>");
function showJumps(){
var a=document.getElementById("pmdiv");
var b=document.getElementById("admindiv");
if(a&&!memHide){a.style.display="";}
if(a&&pb_username.match(forumStaff)){b.style.display="";}
} if(pb_username!="Guest"){ showJumps(); setTimeout("showJumps()",1000);}
</script>
I'm also offering a hosted version. You decide which version is best for you.
Advantages: Only 8Kb in size. Faster page loading.
Instant update of your code if changes need to be made.
Disadvantages: If my "100webspace" server goes down, the code will not run.
Hosted Version:
<style type="text/css">
<!--
/* Member and Admin Jumps by SubDevo CSS */
#pmcontainer {position: relative; width: 750px; height: 16px; top: 0px;}
#pmdiv {position: absolute; left: 0px; bottom: 0px;}
#admindiv {position: absolute; right: 0px; bottom: 0px;}
.optcol1 {background-color: #301919; color: #FFDBDB; text-transform: uppercase}
.optcol2 {background-color: #1C0C0C; color: #FF6B6B; text-transform: none}
-->
</style>
<script type="text/javascript">
/* Member and Admin Jumps by SubDevo */
/* Please leave this header intact. Do not repost. */
/* interoceandesigns.com or lsdp.proboards.com */
var forumStaff=/^(admin)$/i // Forum staff user names.
var skins=["","Gold","Mystery","SkyBlue"]; // Skin names.
var sknID=[1,2,3,4]; // Skin ID's
var memHide=1; // 0=Show Member Jump, 1=Hide Member Jump.
var memJump="Member Jump"; // Title of the Member Jump.
var admJump="Administrator Jump"; // Title of the Admin Jump.
// DO NOT EDIT BELOW
document.write('<script type="text/javascript" src="http://lsdp.100webspace.net/memadminjumps.js"></scr'+'ipt>');
</script>
Code Placement:
Place the CSS portion in your Global Header along with your other forum CSS. Place the rest of the code (intact) somewhere in your Global Header or Footer depending on where you want it to appear on your page. You may have to experiment on code placement till you get it to appear where you want it.
Each jump is in its own DIV. Both of these DIVs are placed into this div: #pmcontainer. In this code, it is centered for a fixed width forum. You may use a percentage instead of px if your forum is NOT fixed width.
The member jump is placed at the far left, the admin jump at the far right. Changing the width of #pmcontainer, will move both of the jumps closer together or move them apart. Change the "top" value to move your Jumps up or down from its current position. Negative values move up, positive down. Change "left" value in #pmdiv to move the Member Jump to the right. Change "right" value in #admindiv to move the Admin Jump to the Left.
Look at the preview pics (above the Code box), for placement of the divs.
Edit the Maroon sections.
These are the DIVs...
#pmcontainer {position: relative; width: 750px; height: 16px; top: -55px;}
#pmdiv {position: absolute; left: 0px; bottom: 0px;}
#admindiv {position: absolute; right: 0px; bottom: 0px;}
These "style" the look of your "jumps"...
.optcol1 {background-image: url(IMAGE URL); background-color: #301919; color: #FFDBDB; text-transform: uppercase}
.optcol2 {background-image: url(IMAGE URL); background-color: #1C0C0C; color: #FF6B6B; text-transform: none}
FireFox displays background image. Internet Explorer does not.
With the code "as is" the Admin Jump will only be visible to admin.
Edit this line of the javascript to include other members with admin powers. Separate the USER names (NOT display names) with a | . Do not put anything after the last name!
Example:
var forumStaff=/^(admin|user1)$/i // Forum staff user names.
Note: This just controls if the Admin Jump is visible or not.
There is no code check of the actual "powers" of the members in the list!
You can also hide the Member Jump and just use the Admin Jump!
Just edit this line:
var memHide=1; // 0=Show Member Jump, 1=Hide Member Jump.
For Multiple Skins:
Enter your skin names (in quotes and separated by commas) in this line:
var skins=["","Gold","Mystery","SkyBlue"]; // Skin names.
Do NOT put a comma after the last skin name!
And of course, remove the skin names used in the example above if you are putting in your own skin names.
var sknID=[1,2,3,4]; // Skin ID's
Put the skin ID's in matching the order of the skin name in the above variable.
Using the example above, "Gold" is skin id=2, "Mystery" is skin id=3 etc.
If you only have one skin, change the first position in list to "" and make sure the first skin ID is correct (if you haven't deleted your default skin, the skin id is "1")
How do I find my Skin ID's?
Go to your "Modify Profile" page.
Then copy/paste the following line of code into your address bar and hit ENTER.
javascript:var b="";try{var n=document.getElementsByName("skin")[0].options;if(n){for(x=0;x<n.length;x++){b+=n[x].value+" = "+n[x].text+"\n";}}}catch(e){b=pb_skinid+" = Default";}alert(b);
You will get an alert box with a list of all your skin names and IDs.
Enjoy!!!
SubDevo
EDIT:
8/07/2009 - Added two more options for "Attachments" to the menu...
3/07/2010 - Added the new "Forum Analytics" section and also a hosted version of the code.
3/20/2010 - Updated code for use with any skin ID's in any order.
Previous code assumed skin ID's start at 1 and ascend numerically.
8/08/2011 - Very small edit to ensure Chrome users see the jumps. Added new feature. If you are viewing in a board when you click "Modify Board" or "Board Header/Footer" it takes you directly to that board area. Nice...