As another step forward in usability, here is another simple template edit that uses the FAMFAMFAM Silk Icons for your editor buttons. These icons are in PNG format with alpha transparency so should look good on any background except pure black. Black doesn't work since most of the icons contain a lot of black.
If you have a lot of Internet Explorer 6 users, then you will need to install the following addon as well: PNG Transparency for Internet Explorer - This will enable Internet Explorer 5.5 and 6.0 to utilize PNG Transparency through DirectX filters. This is not needed for Internet Explorer 7 or higher.
Features
PNG icons for Standard and WYSIWYG Editors
Cut, Copy and Paste enabled in Editor
Extra icons included for additional common BBCodes including superscript, subscript, audio, video, and horizontal rules.
Installation
Upload all images to yourforumpath/images/editor
Merge the style.xml file into each style you want to apply the changes to. This will only work on styles with unedited editor templates. If your editor templates are modified then you will need to revert them to apply this change. To do this follow the steps below.
Merging Styles
Go to Styles & Templates -> Download / UploadStyles.
In the Upload form, browse to the editor_png.xml file
For the Merge Into Style choose the style that these changes should be applied on.
Tell the system to ignore the version number (just in case).
Click Import.
Repeat for each additional style.
The FAMFAMFAM Silk icons are licensed under a Creative Commons Attribution 2.5 License. Note:
If you install this template modification after upgrading to 3.7.0 RC4 or later, you will need to manually add the security token notification to the three templates. This line of code needs to be added:
If this is installed before you upgrade to RC4 then vBulletin will automatically add these lines during the upgrade process.
Update:
Updated to 3.7.3 with all code changes between Beta 2 and 3.7.3 applied.
Support:
For support with this template modification, please visit www.rabidbadger.net and post your issues in the Project Tools tracker. Registration is required. All registrations are moderated. To get access as soon as possible, use the same username that you use on this site.
Show Your Support
This modification may not be copied, reproduced or published elsewhere without author's permission.
Wishlist Request - allow for PNG reputation icons so we can keep the icons of similar type on the board.
I tried changing Functions_Reputation in the php code, and uploading PNG images, but that didn't work. Must be something else, ajax or a JS file that controls the images. Or maybe I needed to run a maintenance task to fix the display.
Well Reputation would be controlled by different templates and therefore would be a different modification.
Absolutely true that it would be a different modification. I dunno what templates it's controlled by though in relation to the actual images though. In doing an image search or
reputation_pos.gif
In the Search In Templates nothing shows up. It seems to be hardcoded and I must be missing how many files actually have it in them, or I can't just do the change like we did in the templates for the editor because it just didn't work.
I do wonder however, if Zachery's "no gif" modification would allow them to be png's? I'll go check, but I did make a set of rep icons in png, just no point in releasing them since I don't even know how to use them. lol
Thanks Wayne. I truly like this hack. I think you one image though:
misc/progress.png (I just renamed the file from progress.gif to progress.png and it works)
PNG does not support animated images. That is why you had to change the file type in the FTP to match your template changes if you used .png for progress.
Progress is an animated gif on youtube, firefox, vbulletin, and almost every application out there, they all look the same. That is why there probably is no different image for it.
But we use animated flags on our who's online screen and we had to use PNG, so we renamed the files as well. I am sure they are still considered gifs, but the system titles them as png's.
Anyways, no point to change this graphic, as it's become an internet common image.
PNG Editor Buttons Details »»
About Developer
Template Edits 
No support by the author.
03-29-2008, 07:58 PM
