New Posting Features - PNG Editor Buttons

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

1. Upload all images to yourforumpath/images/editor
2. 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

1. Go to Styles & Templates -> Download / UploadStyles.
2. In the Upload form, browse to the editor_png.xml file
3. For the Merge Into Style choose the style that these changes should be applied on.
4. Tell the system to ignore the version number (just in case).
5. Click Import.
6. 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:

<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />

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.

[fariborz]

Thanks Wayne

[Webby24]

Hi,
I´m using vBulletin 3.7 and installed your file. But nothing works. Still the old boring images.
Where I did the mistake?

Thanks for help.

André

[Stubbed]

You'll have to give a bit more information than that Webby24...

If you're still seeing the old images then that would suggest that you didn't merge the xml file properly, as if you had of, you would either see the new images, or see alt tags, as the images would be broken.

I don't think I've said it already, but a bit A+ for this mod, I've actually converted all of my Post Icons to Famfamfam silk ones now as well

[Webby24]

Ok what for infos do you want?
I try to give so much infos now.

I installed all step by step. all like in description.
Upload successfully. Merge looks like ok. I merge with the standard style.

I did no change on the editor manual. So I think there are no changes active.
I can only see the .gif images. No other.

Thanks a lot

André

[imranbaig]

Clear png url Error.
You should change that to $vboptions[cleargifurl], or provide a clear.png file that should be uploaded to forum root.

Thanks for the great hack

[redlabour]

Bug:

Extra icons included for additional common BBCodes including superscript, subscript, audio, video, and horizontal rules.

?? If i add Extrabuttons they will be shown larger then 16*16 !

vBulletin is showing them in 21 x 20 as described in the AdminCP.

Take a look at the last 4 Icons in my Screenshot in the lower left Corner.

How to fix this?

[redlabour]

Originally Posted by redlabour

Bug:



?? If i add Extrabuttons they will be shown larger then 16*16 !

vBulletin is showing them in 21 x 20 as described in the AdminCP.

Take a look at the last 4 Icons in my Screenshot in the lower left Corner.

How to fix this?

Solution:

Edit functions_editor.php - Search for 21 you will only found the place to change.

[newtsys]

ok installed but now have lost smiles in quick reply. I even uninstalled the smile hack and reinstalled and still nothing. Also in the advance reply I now have the smiles in the sdie of the editor as well as in the top of the editor. Did not show on other skins and ended up with way to many out of date templates.

had way to many issues for me "Uninstalled"

[Baldilocks]

Just go into your Styles editor and REVERT all of the editor templates. Should fix everything.

[kursed]

This is what I can see in IE7.0 - what am I doing wrong? Because it looks absolutely fabulous in Firefox but seems like something goes amiss in IE. Any help in this regards, will be duly appreciated.


For reference:


Internet Explorer 7.0



Fire Fox