PNG Editor Buttons

[Wayne Luke]

As another step forward in usability, here is another simple template edit that uses the FAMFAMFAM Silk Icons (http://www.famfamfam.com/lab/icons/silk/) 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.

https://vborg.vbsupport.ru/attachment.php?attachmentid=73486&stc=1&d=1198178319

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 (https://vborg.vbsupport.ru/showthread.php?t=94416) - 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. (http://creativecommons.org/licenses/by/2.5/)
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.

[Dan]

Nice one Wayne :D I'll actually probably use this.

[Allan]

http://www.famfamfam.com/lab/silk/, ythis link don't work.

I like this mod, thanks for your sharing ;)

[Barakat]

wow .....

thanks ........

[garala]

Looks nice Wayne. good job

[Dan]

http://www.famfamfam.com/lab/silk/, ythis link don't work.

I like this mod, thanks for your sharing ;)
Because he used the wrong link =p http://www.famfamfam.com/lab/icons/silk/

[Allan]

Because he used the wrong link =p http://www.famfamfam.com/lab/icons/silk/
Check the link in the thread ;)

[Wayne Luke]

I updated the link in the original post. Sorry.

[rizelim]

Thank you very much !

[Elmer]

Mi editor doesn't show the little square color when you choose a color... Your image shows it but not on my editor... I don't know what could be wrog.
Also your explanation on how to merge the style is wrong...
In the Upload form, browse to the monthly_calendar.xml file

it should be editor_png.xml :D

[Wayne Luke]

Could you provide a link to your forum? This should only change the graphics, not mess with any functionality.

[Magnumutz]

Very nice buttons dude, awesome.

[C.ooder]

nice one my dear

thank you very match

[Elmer]

Could you provide a link to your forum? This should only change the graphics, not mess with any functionality.

There's no need, I should had expleined it more!

Ok, look at the attachment, the problem is just happening with firefox, and thats because 16x16 are too small so the little color bar gets hidden.

73511

Also on firefox the copy, cut and paste doesn't work, so it should be commented or some kind of conditional xP dunno.

[serhat_kk]

works great. thanks

[Wayne Luke]

I'll work on a fix for the line display in Firefox. Cut, Copy and Paste can be turned on in Firefox. Here are the instructions:
http://googlesystem.blogspot.com/2006/10/enabling-copy-paste-for-google-office.html

I'll make that an option and turn this into a proper product. Might take a bit.

[BlizzardHQ]

Hi Wayne,

Any suggestions on where to get a set for a back matted?

/me clicks install

[Playa82]

thanks they great

*installed*

[Snake]

Is this going to look fine on my skin right here?

http://www.metalgearforums.com

[MrPHD]

Installed and nice work.

[Wayne Luke]

Hi Wayne,

Any suggestions on where to get a set for a back matted?

You can probably pull icons from any KDE Icon set and get what you need. That is what I used originally. There are a bunch of different styles and colors available at www.kde-look.org (http://www.kde-look.org). Most of them are GPL or otherwise free-to-use licenses.

Other than that, Shelley_C is making a set of Editor Icons that are very colorful and can probably be matted on black. She might even be able to export them as transparent PNG files. I was going to use them originally but didn't want to have to go to the trouble of getting them matted to my background which is a beige color.

[tankaya61]

installed thank you

can you do this image?

[Liquid1ce]

nice thnx

[Mixibiza]

Nice...

[sensimilla]

I'll use it for sure, thanks alot!

[KURTZ]

superb Wayne!!!!!

* Kurtz clicks INSTALL!

[Konstantinos]

why not using replacement variables instead of this ? also this changed my width of the editor box it make it smaller which i dont like. how to undo or fix?

[Wayne Luke]

Replacement variables are messy for long term use in my opinion. They also add another layer of processing onto template generation.

Not sure what you mean by making it smaller as the overall width is controlled by a stylevar which I didn't change.

[gator777]

Nice hack!

Installed without a hitch, but how would I revert this change should I decided to?

Thanks! :D

[Wayne Luke]

To revert, you should just be able to revert the editor templates that are included using the style manager. There are only three edited templates which are:

editor_toolbar_on
postbit_quickedit
showthread_quickreply

[gator777]

To revert, you should just be able to revert the editor templates that are included using the style manager. There are only three edited templates which are:

editor_toolbar_on
postbit_quickedit
showthread_quickreply
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)

[Sarthek]

Will this work with 3.6.8?

[Wayne Luke]

It works on my 3.6.8 test forum.

[Qamdad]

Great work and more than great but I have on quiestion how to add this tool to the editor toolbar see the image in attachment plz becuase I do not have it in my editor toolbar :confused:

[Qamdad]

error occure when I use editor toolbar the error in disorder or not arrangement like before used also the effect dose not occure to the text see the pic in attachment

[Wayne Luke]

Great work and more than great but I have on quiestion how to add this tool to the editor toolbar see the image in attachment plz becuase I do not have it in my editor toolbar :confused:
Those are standard functions if you have the list BBCodes active on your site.

error occure when I use editor toolbar the error in disorder or not arrangement like before used also the effect dose not occure to the text see the pic in attachment

This is a cosmetic change it changes nothing about the functionality of the editor. Even the copy, paste, and cut functionality is in the default editor when it ships albeit commented out. If you have problems with the editor functioning then you should post a question at www.vbulletin.com (http://www.vbulletin.com) for support.

[Qamdad]

Those are standard functions if you have the list BBCodes active on your site.

ok but how can I activate it?

This is a cosmetic change it changes nothing about the functionality of the editor. Even the copy, paste, and cut functionality is in the default editor when it ships albeit commented out. If you have problems with the editor functioning then you should post a question at www.vbulletin.com for support.

my editor toolbar work perfect but whaen I added this mod it appeares like in pic above now I uninstall the mod untill I solve this problem!!

[DJRavine]

very nice, very clean...
i love it..
kudoz mate.. keep it up.. ;)

[blastup]

could you make the icons in gif? i dont think it would be a good idea adding extra https://vborg.vbsupport.ru/showthread.php?t=94416 to show transparancy

[blastup]

let me know thanks

[Wayne Luke]

No... I won't be adding them in GIF format.

[tm21]

I am sure you can convert the png images to gif images yourself with any number of free or commercial image editors. Just replace occurrences of the old file extension with the new extension in the code.

Thanks for this; I was just about to create my own subscript and superscript buttons, and I thought I should check here to see if anyone had anything already done. I manually coded in sub/sup icons many versions ago, but updates always wipe my changes. It's nice to have a mod that takes care of all the work.

[dethfire]

I'm confused why a plugin is needed to change graphics?

[Wayne Luke]

I'm confused why a plugin is needed to change graphics?
It isn't a plugin.. Its three templates that get merged into your existing style to change your GIF graphics to PNG graphics on the editor toolbar. This means there is no overhead associated with a mod_rewrite solution and no code in vBulletin is changed.

I am thinking about a plugin to handle the editor but it will have more functionality than changing graphics. It would include additional BBCode functions as well as the ability to turn off individual buttons and inline help. Haven't decided whether to release it yet or not.

[therogueforums]

It isn't a plugin.. Its three templates that get merged into your existing style to change your GIF graphics to PNG graphics on the editor toolbar. This means there is no overhead associated with a mod_rewrite solution and no code in vBulletin is changed.

I am thinking about a plugin to handle the editor but it will have more functionality than changing graphics. It would include additional BBCode functions as well as the ability to turn off individual buttons and inline help. Haven't decided whether to release it yet or not.
That would actually be most awesome. I sincerely hope you decide to release it.

...And back to this mod, I simply love it. It looks so much better than the standard setup, IMO. Great release!

[glorify]

This and your calendar make my style look mo bettah :)

[nerofix]

It doesnt appears in the profile editor boxes .. isnt it?

[Wayne Luke]

It should if your images are pointed correctly.

[nerofix]

No, in showthread_quickreply template (which is used in profile visitor messaging) is still everything pointed to the .gif files. Is this meant to be? The product doesn't change this template yet, right?

I edited manually, but the png's now looks a bit zoomed and not that well.

[Wayne Luke]

When imported this will overwrite the default showthread_quickreply template. If you had modifications already, then it won't apply the changes. This is stated in the installation instructions above. It will only modify un-edited default templates.

It looks "zoomed and not well" because the original GIF images are 20 X 21 pixels in size whereas these are 16 X 16 pixels in size. The templates I provided change the height and width declarations to fix the "zoomed" effect.

[legionofangels]

Hello,

Quick question Wayne.

You state via link a way to get the Cut/Copy/Paste to work with Firefox. Were you referring to the actual png or gif buttons, or the ability to use those buttons?

Because on my editor that I did a year ago, I only see the Spellcheck gif in IE 7, and not in FF. But I don't see the Cut/Copy/Paste in either browser.

Do those options have to be turned on in the Admin Cp, or how do I get them to show up?

[Wayne Luke]

They have to be uncommented out in the code of the template for them to show.

Firefox doesn't show a spell check button because in FF2 it is implemented inline with the wavy red line underneath misspelled words.

[legionofangels]

Ok a few questions then.

If your code or set up here is allowing for the system or browser to recognize PNG images, don't you have the coding for that of which could be applied to the whole forum? Having a trickle down effect to make all the images work in PNG format.

Have you considered file size of PNG's in regards to your editor? Obviously load time of pages will increase since PNG is a larger file size. I'd imagine it's still unnoticeable on most pc's.

Do you have the code for the edit/copy/paste or do you know what thread it is in, as I'd like to see my images some day. of which we have nearly the same one's, my clipboard is a different color and my scissors point straight up, but they are blue like yours. lol

I did change the color.gif cuz I didn't like the reshaping of that area. I went with a color wheel instead for my own editor.

I must say I'm happy with what you've done though, it's a nice look and PNG is nearly required since everyone changes the chrome if they stylize there own skins or board.

i still want the highlight bb code, where is it? lolz

If I install this, and then replace the images with my own, would that still keep the PNG working as well as make the CCP appear?

[Wayne Luke]

This distribution is three (3) edited templates that specifically changes the GIF images in those templates to PNG images. It has no code outside those three templates and it does not perform a dynamic replacement of anything.

I am not too worried about img sizes honestly. Presentation is more important in my book and since my community is a closed niche, I can guarantee that everyone has broadband of some sort. Besides images would be cached and the browser can load them from the cache on subsequent loads.

I don't use a Highlight BBCode so have not incorporated one. The templates have full functionality for custom BBCodes though so just create one.

As this is a template edit, it would still load the PNG images unless you edit the HTML to revert it to GIF format images. The main purpose is to provide a toolbar that works in multiple colors and styles without having to matte the images every time you make a style. That is the only thing that I worked to achieve here.

[KURTZ]

Wayne, just wondering ... i've just updated @ Beta 5, and when i finished the upgrade the SW tells me that i've a template "out of date", the template is: postbit_quickedit, so the Q is: can i revert the template easily without any troubles? or after that i must reinstall your mod?

TIA

PS. with the Beta 3 and 4 i haven't this trouble, all runs correctly without any warning ... :)

[cassis2k]

Great thx ^^

[KURTZ]

OK i've just reverted all the templates and re-merged the styles with Wayne's editor ... now i've this (see the attachment)

edit: i checked the new template and i saw that there are some new lines ... so we need an update from Wayne i think ... :)

[Maxime-TPC]

Installer, C'est tr?s joli ! Bravo encore :)

[ShawneyJ]

wow no more smilie drop down in quick reply, can that be helped please?

love this.

[Dream]

Well done Wayne, good job. Installed.

They are smaller than they look in the screenshot though.

[legionofangels]

wow no more smilie drop down in quick reply, can that be helped please?

love this.

Isn't that the favorite smilies add on? Smilies appear below if you used that add on, of the editor. Or they appear to the right of the editor if you didn't change it. Therefore you'd need to add one for the smilies and edit the templates for it to show.

Well done Wayne, good job. Installed.

They are smaller than they look in the screenshot though.

Yes they are, 16 x 16 is how he did all of them, as that is similar to what the color.gif starts at, but it actually starts at 16 x 21 because of that stupid color bar line. So he probably made them to be uniform size.

Also in the past when I changed my editor I noticed that even though I used the same exact sizes that were listed before, something in the template cuts a pixel off on the bottom. So I manually edited the 3 templates to make the height one pixel more or 21 height so that they aren't cut.

Just edit the height width param's in the template if you want them to appear bigger. Not a big deal, just time consuming.
---------------------------------------------

My question to Wayne is this:

You say this only works on an unmodified template, can I edit the template however I want after that, or am I going to do something so that it will not work with an edited template?

The editor starts as a gray color, if I've done other things to my editor in regards to its color or the background will that get reverted back by reverting those templates?

---------------------------------------------

In closing I'm still happy with what you've done and I'm going to play with it a bit tonight to see if it's useful for us or not, but I don't see how it only working on unedited templates is beneficial. That means that all the changes we made and others have will have to all be reapplied again, and that can be a hassle dependent upon how many changes have been made. Instead of just having it overwrite the imagery, or change the code within a template.

[Legendery.]

Very nice bro.
thanks

[KURTZ]

just upgraded to RC1 but i've got 3 templates out of date ... i love this mod it's possible to have an upgrade?

[Wayne Luke]

Why is your editor not working? All an out of date template means is that it was edited before the last version. I haven't experienced any problems and it actually changes no functionality. I'll update the template versions with the stable release of 3.7.0

Legionofangels2: you can further modify the template.

[KURTZ]

Wayne sorry, let me explain better :)

i've upgraded the board to RC1, obviously after this upgrade it tells me that i've some templates that should be reverted ... so if i revert these templates i've the "original" templates, without your .pngs ... also if i re-merge your "style" onto RC1, again it tells me that i still have some templates that should be reverted ...

i know (i check your .xml) that your hack is made for Beta 2 ... but i don't know what are the changes in these templates between Beta 2 and RC 1 ...

[legionofangels]

Well I got done with my modification from gif to png. I wanted to keep a very similar look of what we originally had, as I liked the design I had in mind. But I also wanted something different. I wanted something bigger. I wanted the icons to look like a browser toolbar, or that big size, as nearly every icon out there is that size...browser, desktop, etc. Not only that but with computers and tv's going more and more towards widescreen, we got these large screens and these tiny buttons, lol. I suppose screen resolution can modify your view but still I wanted to make the buttons a bit larger so they are more visible.

I have a 1024 x 782, but I cannot view it at this time, I also have a 1280 x 800 laptop and they look pretty good on that. I also didn't really care too much, I wanted big buttons, and I got them. I probably should have used the add on as that might have saved time, but I would have had to change the sizes in the templates anyway, so I did it manually. I downloaded to look at your copy, cut, paste being enabled and I don't see any different code in your xml file than from my template in either FF or IE browser viewing. So I'm either missing the code change you did, or it has to be allowed via the rules in your link on both FF and IE. I tried to do it, and I'm obviously doing something wrong since it didn't work. I couldn't find the JS file and read that it means that I need to make one, but I can't imagine the necessity for a JS file with 4 lines of text on it or so. I might ask for more thorough explanation on how to do it, but it's not that critical.

My previous question was pure confusion on the graphics as all you're really doing is changing .gif to .png and adjusting the size. I should have known that. I'll also recant on my previous statements of png, after research I've found that png's are actually smaller in file size due to compression and not only that but they will cache, while gif images don't seem to cache on my pc or browsers; which is strange and stupid.

You definitely have succeeded in what you were trying to do Wayne, as you will make it easier to do one set of graphics rather than multiple for multiple skins with matting. That is exactly the route I took when I did my gif set, I wanted them to work on all the styles, but I also had to recolor the B U I and justifications which I did again for this png set. So really my philosophy was the same but I had to png some of my images or remake them, or find them again. The majority of the images required modification or I had to make them from scratch which was hard work overall. I ended up keeping the separator.gif, as its so small and it isn't going to make a difference for that to be png that I'm aware of. I also recolored them and isolated them into each styles editor folder. I left the menupops alone, as I think they are fine, and I left the increase size and decrease size and just changed the height so that the bg border that is behind the images, which is either vb standard, or because we have so many layers of transparency on top of transparency; matches up with the switcheditormodes border. They still look like arrows so who cares.

In closing I made the color bar 0 and 0 for it's dimensions so that I could see my full size color image. It's funny because on IE it shows a lil tiny black dot, which is either 1 x 1 or nothing at all. It's like a spec, and if you change colors you'll see the change if you look closely at the dot. While the dot does not appear at all in Firefox.

Here is a before and after of our editors, gif, and then png with a few added bb codes:

http://img.photobucket.com/albums/v318/scorpion_666/SS-Editor-4.gif

http://img.photobucket.com/albums/v318/scorpion_666/PNGEditor.png

Lastly I added the other BB Codes because I seen I had space. I wanted the editor to align perfectly, but I realize I cannot do that as the smilies are what is changing the size of the editor. I might use the code that Princeton made for the smilies below the editor, then maybe adjust the stylevar for the width of the editor to get my perfect alignment, if anyone can tell me if that is doable and will work, that would be great.

I would release the images, but I can't, I have absolutely no idea where I found them all over 10+ different sites, of the images that I didn't make. It breaks TOS or the Rules here to release stuff that isn't mine, and most images out there are not to be redistributed anyway. But I can release the templates if anyone wants copies of them, as I have them all upsized and loaded for all of my 3 editor templates.

This was fun...for about 5 minutes, lolz. Thanks Wayne for kind of leading me in the right direction with your add on on how to make them look better on all styles. Last night I thought they were totally sick. Today I woke up not liking them, but either way I'm kind of like...meh, they're alright.

Thanks again,

Legion of Angels

P.S. it's still 99% done there is one thing I still want to do to it, but I need a coder for that.

P.S. 2 - I don't have many IE 6 users, only one I know of, so I might put that add on you linked to on the site, but I dunno.

P.S. 3 - I have no idea and cannot remember what that star was for in the original gif editor. I thought it was favorite smilies, but I see a smilie icon there for that, so I'm completely confused as to what its' for.

[nerofix]

wow what a long text..

wayne, how about this one: https://vborg.vbsupport.ru/showthread.php?t=174208 ?

Would be nice to have this in .png too :)

[CrashPush]

I absolutely love this modification.https://vborg.vbsupport.ru/external/2011/02/1.gifThere's only one problem with it. It's works terrible with Internet Explorer 6 (not talking about the transparencies but overall functionality). It's okay because hardly anyone uses it anymore except me at work where they do not want to upgrade to IE7 or any version of FF.

Score: 98 of 100.

Great job! Keep 'em coming. :)

[GrendelKhan{TSU]

love em!! simple yet makes a big difference in giving a professional look. :)

great job. :)

[Wayne Luke]

There's only one problem with it. It's works terrible with Internet Explorer 6 (not talking about the transparencies but overall functionality). It's okay because hardly anyone uses it anymore except me at work where they do not want to upgrade to IE7 or any version of FF.

Can you provide an example of what it looks like in IE6? I actually don't have that browser accessible to me anymore as all my computers are on IE7 and IE8 and no one at my website uses IE6.

[Blackhat]

Great stuff :)

[nightbloom]

My editor is broken now also with the upgrade to beta 3.

I cant even figure out how to revert it back to it's original. ^^

[nightbloom]

*sigh* The fault is in the skin, not the hack. My apologies.

[Gosef]

Very nice

[legionofangels]

Wayne:

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.

Anyways, wishlist.

[Wayne Luke]

Well Reputation would be controlled by different templates and therefore would be a different modification.

[suiz]

thanks for your sharing！

[legionofangels]

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

[legionofangels]

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.

[dannykilla]

After installing this and I click on newthread I get this error

Fatal error: Call to undefined function construct_icons() in /home/XXXXXXXXX/public_html/forums/newthread.php on line 302

I am using RC3

Thanks
Dan

*also this happens when I click on new post

Fatal error: Call to undefined function fetch_quote_title() in /home/XXXXXXXXXX/public_html/forums/newreply.php on line 190

?????????????

[legionofangels]

I'll work on a fix for the line display in Firefox. Cut, Copy and Paste can be turned on in Firefox. Here are the instructions:
http://googlesystem.blogspot.com/2006/10/enabling-copy-paste-for-google-office.html

I'll make that an option and turn this into a proper product. Might take a bit.

You could have also used this instead:

https://addons.mozilla.org/en-US/firefox/addon/852?application=firefox&id=852

It's a plug in that basically does the same thing, and allows you to simply choose which sites you want it to work on.

The problem is however, as what people found in this thread:

https://vborg.vbsupport.ru/showthread.php?t=135704&highlight=Copy+Paste+Editor

That the buttons don't actually work, even when they "visually are seen".

EXAMPLE

So if I go copy some text on my screen shown here:

http://img.photobucket.com/albums/v318/scorpion_666/dunwork1.jpg

Then hit the paste button from my editor shown here:

http://img.photobucket.com/albums/v318/scorpion_666/dunwork2.jpg

The result is magically nothing. Nothing pastes, because from what Scott McVicar of VB.com says, one of your colleagues, is that they don't work consistently and there are security problems with them. He of course wouldn't clarify those security problems, so none of us know if it's just end user incompetence, or if there really are hackers holes there.

Nonetheless, still a great mod and you did a good job. But it's absolutely pointless to tell people how to unlock the imagery of those 3 buttons, without the "how to" on getting them to actually function. We tested 4 pc's, and 4 diff browsers on the Test style, and none of them worked.

Thanks,

Legion of Angels

[elmati]

nice! works like a charm :)

thanks for this mod!

[FassoL]

Very nice
Thank u

[Stubbed]

How difficuilt is it to apply this modification to a custom theme? Not an issue as long as the theme hasn't already edited the three templates that require it?

That would actually be most awesome. I sincerely hope you decide to release it.

...And back to this mod, I simply love it. It looks so much better than the standard setup, IMO. Great release!

:up: I agree, it's a minter.

Can you provide an example of what it looks like in IE6? I actually don't have that browser accessible to me anymore as all my computers are on IE7 and IE8 and no one at my website uses IE6.

I'm also interested in this, as over 20% of my forums userbase still use IE6... :(

[dannykilla]

I am using 3.7.0, now is anyone getting 3 templates out of date when they install this mod/hack ?
If so is there a fix ?

thanks
Danny

[Wayne Luke]

You could compare them to the newly released version but there shouldn't be any issue. It is probably the changes for the security token that were auto-inserted.

Edit and then save the template and they won't be out of date anymore.

[dannykilla]

OK didnt even think of that

thanks

[ABDALWAHID]

Hello,
I have plugin installed, but can I get an error. Under color button, my address?

regard

[BarcaMaroc]

nice

[BarcaMaroc]

showthread_quickreply

https://vborg.vbsupport.ru/external/2008/05/27.jpg

<if condition="$show['editor_toolbar']">
<div id="{$editorid}_controls" class="controlbar">
$vBeditTemplate[clientscript]

<div id="$editorid" class="vBulletin_editor">

<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td id="{$editorid}_controls0" class="controlbar">

<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td><div class="imagebutton" id="{$editorid}_cmd_removeformat"><img src="$stylevar[imgdir_editor]/removeformat.png" alt="$vbphrase[remove_text_formatting]" /></div></td>
<if condition="$show['font_bbcode'] OR $show['size_bbcode']">
<td><img src="$stylevar[imgdir_editor]/separator.png" alt="" /></td>
</if>
<if condition="$show['font_bbcode']">
<td><div class="imagebutton" id="{$editorid}_popup_fontname" title="$vbphrase[fonts]">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="popup_feedback"><div id="{$editorid}_font_out" style="width:91px">&nbsp;</div></td>
<td class="popup_pickbutton"><img src="$stylevar[imgdir_editor]/menupop.png" alt="" /></td>
</tr>
</table>
</div></td>
</if>
<if condition="$show['size_bbcode']">
<td><div class="imagebutton" id="{$editorid}_popup_fontsize" title="$vbphrase[sizes]">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="popup_feedback"><div id="{$editorid}_size_out" style="width:25px">&nbsp;</div></td>
<td class="popup_pickbutton"><img src="$stylevar[imgdir_editor]/menupop.png" alt="" /></td>
</tr>
</table>
</div></td>
</if>
<if condition="$show['color_bbcode']">
<td><img src="$stylevar[imgdir_editor]/separator.png" alt="" /></td>
<td><div class="imagebutton" id="{$editorid}_popup_forecolor" title="$vbphrase[colors]">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td id="{$editorid}_color_out"><img src="$stylevar[imgdir_editor]/color.png" alt="" /><br /><img src="$vboptions[cleargifurl]" id="{$editorid}_color_bar" alt="" style="background-color:black" width="21" height="4" /></td>
<td class="alt_pickbutton"><img src="$stylevar[imgdir_editor]/menupop.png" alt="" /></td>
</tr>
</table>
</div></td>
</if>
<if condition="$show['wysiwygsmilies']">
<td><img src="$stylevar[imgdir_editor]/separator.png" alt="" /></td>
<td><div class="imagebutton" id="{$editorid}_popup_smilie" title="$vbphrase[smilies]">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td><img src="$stylevar[imgdir_editor]/smilie.png" alt="" /></td>
<td class="alt_pickbutton"><img src="$stylevar[imgdir_editor]/menupop.png" alt="" /></td>
</tr>
</table>
</div></td>
</if>
<if condition="$show['attach']">
<td><div class="imagebutton" id="{$editorid}_popup_attach" title="$vbphrase[attachments]">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td><img src="$stylevar[imgdir_editor]/attach.png" alt="" /></td>
<td class="alt_pickbutton"><img src="$stylevar[imgdir_editor]/menupop.png" alt="" /></td>
</tr>
</table>
</div></td>
</if>
<!--
<td><img src="$stylevar[imgdir_editor]/separator.png" alt="" /></td>
<td><div class="imagebutton" id="{$editorid}_cmd_cut"><img src="$stylevar[imgdir_editor]/cut.png" alt="$vbphrase[cut]" /></div></td>
<td><div class="imagebutton" id="{$editorid}_cmd_copy"><img src="$stylevar[imgdir_editor]/copy.png" alt="$vbphrase[copy]" /></div></td>
<td><div class="imagebutton" id="{$editorid}_cmd_paste"><img src="$stylevar[imgdir_editor]/paste.png" alt="$vbphrase[paste]" /></div></td>
-->
<td><img src="$stylevar[imgdir_editor]/separator.png" alt="" /></td>
<td><div class="imagebutton" id="{$editorid}_cmd_undo"><img src="$stylevar[imgdir_editor]/undo.png" alt="$vbphrase[undo]" /></div></td>
<td><div class="imagebutton" id="{$editorid}_cmd_redo"><img src="$stylevar[imgdir_editor]/redo.png" alt="$vbphrase[redo]" /></div></td>
<td width="100%">&nbsp;</td>
<if condition="is_browser('ie') AND !is_browser('mac')">
<td><div class="imagebutton" id="{$editorid}_cmd_spelling"><img src="$stylevar[imgdir_editor]/spelling.png" alt="$vbphrase[check_spelling]" /></div></td>
</if>
<td>
<div class="imagebutton" id="{$editorid}_cmd_resize_0_100"><img src="$stylevar[imgdir_editor]/resize_0.png" alt="$vbphrase[decrease_size]" /></div>
<div class="imagebutton" id="{$editorid}_cmd_resize_1_100"><img src="$stylevar[imgdir_editor]/resize_1.png" alt="$vbphrase[increase_size]" /></div> </td>

<td><div class="imagebutton" id="{$editorid}_cmd_switchmode">
<div align="right"><img src="$stylevar[imgdir_editor]/switchmode.png" alt="$vbphrase[switch_editor_mode]" /></div>
</div></td>

</tr>
</table>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<if condition="$show['basic_bbcode']">
<td><div class="imagebutton" id="{$editorid}_cmd_bold"><img src="$stylevar[imgdir_editor]/bold.png" alt="$vbphrase[bold]" /></div></td>
<td><div class="imagebutton" id="{$editorid}_cmd_italic"><img src="$stylevar[imgdir_editor]/italic.png" alt="$vbphrase[italic]" /></div></td>
<td><div class="imagebutton" id="{$editorid}_cmd_underline"><img src="$stylevar[imgdir_editor]/underline.png" alt="$vbphrase[underline]" /></div></td>
<td><img src="$stylevar[imgdir_editor]/separator.png" alt="" /></td>
</if>
<if condition="$show['align_bbcode']">
<if condition="$stylevar['textdirection'] == 'ltr'">
<td><div class="imagebutton" id="{$editorid}_cmd_justifyleft"><img src="$stylevar[imgdir_editor]/justifyleft.png" alt="$vbphrase[align_left]" /></div></td>
<td><div class="imagebutton" id="{$editorid}_cmd_justifycenter"><img src="$stylevar[imgdir_editor]/justifycenter.png" alt="$vbphrase[align_center]" /></div></td>
<td><div class="imagebutton" id="{$editorid}_cmd_justifyright"><img src="$stylevar[imgdir_editor]/justifyright.png" alt="$vbphrase[align_right]" /></div></td>
<else />
<td><div class="imagebutton" id="{$editorid}_cmd_justifyright"><img src="$stylevar[imgdir_editor]/justifyright.png" alt="$vbphrase[align_right]" /></div></td>
<td><div class="imagebutton" id="{$editorid}_cmd_justifycenter"><img src="$stylevar[imgdir_editor]/justifycenter.png" alt="$vbphrase[align_center]" /></div></td>
<td><div class="imagebutton" id="{$editorid}_cmd_justifyleft"><img src="$stylevar[imgdir_editor]/justifyleft.png" alt="$vbphrase[align_left]" /></div></td>
</if>
<td><img src="$stylevar[imgdir_editor]/separator.png" alt="" /></td>
</if>
<if condition="$show['list_bbcode']">
<td><div class="imagebutton" id="{$editorid}_cmd_insertorderedlist"><img src="$stylevar[imgdir_editor]/insertorderedlist.png" alt="$vbphrase[ordered_list]" /></div></td>
<td><div class="imagebutton" id="{$editorid}_cmd_insertunorderedlist"><img src="$stylevar[imgdir_editor]/insertunorderedlist.png" alt="$vbphrase[unordered_list]" /></div></td>
</if>
<if condition="$show['align_bbcode'] OR $show['list_bbcode']">
<if condition="$stylevar['textdirection'] == 'ltr'">
<td><div class="imagebutton" id="{$editorid}_cmd_outdent"><img src="$stylevar[imgdir_editor]/outdent.png" alt="$vbphrase[decrease_indent]" /></div></td>
<td><div class="imagebutton" id="{$editorid}_cmd_indent"><img src="$stylevar[imgdir_editor]/indent.png" alt="$vbphrase[increase_indent]" /></div></td>
<else />
<td><div class="imagebutton" id="{$editorid}_cmd_outdent"><img src="$stylevar[imgdir_editor]/indent.png" alt="$vbphrase[decrease_indent]" /></div></td>
<td><div class="imagebutton" id="{$editorid}_cmd_indent"><img src="$stylevar[imgdir_editor]/outdent.png" alt="$vbphrase[increase_indent]" /></div></td>
</if>
<td><img src="$stylevar[imgdir_editor]/separator.png" alt="" /></td>
</if>
<if condition="$show['url_bbcode']">
<td><div class="imagebutton" id="{$editorid}_cmd_createlink"><img src="$stylevar[imgdir_editor]/createlink.png" alt="$vbphrase[insert_link]" /></div></td>
<td><div class="imagebutton" id="{$editorid}_cmd_unlink"><img src="$stylevar[imgdir_editor]/unlink.png" alt="$vbphrase[remove_link]" /></div></td>
<td><div class="imagebutton" id="{$editorid}_cmd_email"><img src="$stylevar[imgdir_editor]/email.png" alt="$vbphrase[insert_email_link]" /></div></td>
</if>
<if condition="$show['img_bbcode']">
<td><div class="imagebutton" id="{$editorid}_cmd_insertimage"><img src="$stylevar[imgdir_editor]/insertimage.png" alt="$vbphrase[insert_image]" /></div></td>
</if>
<if condition="$show['quote_bbcode']">
<td><img src="$stylevar[imgdir_editor]/separator.png" alt="" /></td>
<td><div class="imagebutton" id="{$editorid}_cmd_wrap0_quote"><img src="$stylevar[imgdir_editor]/quote.png" alt="$vbphrase[wrap_quote_tags]" /></div></td>
<td><img src="$stylevar[imgdir_editor]/separator.png" alt="" /></td>
</if>
<if condition="$show['code_bbcode']">
<td><div class="imagebutton" id="{$editorid}_cmd_wrap0_code"><img src="$stylevar[imgdir_editor]/code.png" alt="$vbphrase[wrap_code_tags]" /></div></td>
</if>
<if condition="$show['html_bbcode']">
<td><div class="imagebutton" id="{$editorid}_cmd_wrap0_html"><img src="$stylevar[imgdir_editor]/html.png" alt="$vbphrase[wrap_html_tags]" /></div></td>
</if>
<if condition="$show['php_bbcode']">
<td><div class="imagebutton" id="{$editorid}_cmd_wrap0_php"><img src="$stylevar[imgdir_editor]/php.png" alt="$vbphrase[wrap_php_tags]" /></div></td>
</if>
$vBeditTemplate[extrabuttons]
</tr>
</table>

</td>
</tr>
</table>

</div>

</div>
</if>
<div class="controlbar">
<if condition="$show['qr_require_click']">
<textarea name="message" id="{$editorid}_textarea" rows="10" cols="60" style="width:$stylevar[messagewidth]; height:{$editor_height}px" tabindex="1" dir="$stylevar[textdirection]" disabled="disabled">$vbphrase[click_quick_reply_icon]</textarea>
<else />
<textarea name="message" id="{$editorid}_textarea" rows="10" cols="60" style="width:$stylevar[messagewidth]; height:{$editor_height}px" tabindex="1" dir="$stylevar[textdirection]"></textarea>
</if>
</div>

<input type="hidden" name="wysiwyg" id="{$editorid}_mode" value="$editortype" />
<input type="hidden" name="styleid" value="$session[styleid]" />

<script type="text/javascript">
<!--
vB_Editor['$editorid'] = new vB_Text_Editor('$editorid', $editortype, '$forumid', '$parsesmilie');
var QR_EditorID = '$editorid';
//-->
</script>

[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]

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
http://img255.imageshack.us/img255/5862/ie70sb3.jpg


Fire Fox
http://img216.imageshack.us/img216/1371/ffgd6.jpg

[Stubbed]

kursed: No idea there.. It doesn't look like that on my install on IE7, it must be something local to you.

[GrendelKhan{TSU]

hmm... seems to be a conflict with Princetons' smilies below edit hack.
ie: png editor button disappear when using it. :( at least for me

https://vborg.vbsupport.ru/showthread.php?t=178327

ideas?

[D.Baker]

Hey dannykilla,
I get that same problem with the 3 template files out of date. Wayne might be able to clear it up, if I do the edit>save trick to stop them from showing out of date, does that actually mean the template files are out of date, or does it just turn off the warning (basiclly like putting take over the warning light)?

Thanks, love this plugin.
P.S: Does any one use this in conjunction with AME? I just started am worried about a conflict (I can't seem to find my AME CP).

[dannykilla]

Hey D.Baker,

Couldnt tell you m8, when I compared the 3 templates I couldnt see anthing that was added so not sure, I have just left them as it is, as I havent noticed any problems

Hope hat helps

@Kursed
I use Firefox and I get the same problem and dont use Princetons Smiley at the bottom hack?
Any help on this problem?

[Nindia]

gorgeous!

installed!

[Dragon Company]

Very nice :)

[trackpads]

showthread_quickreply

https://vborg.vbsupport.ru/attachment.php?attachmentid=80388&stc=1&d=1210543523

<if condition="$show['editor_toolbar']">
<div id="{$editorid}_controls" class="controlbar">
$vBeditTemplate[clientscript]

<div id="$editorid" class="vBulletin_editor">

<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td id="{$editorid}_controls0" class="controlbar">

<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td><div class="imagebutton" id="{$editorid}_cmd_removeformat"><img src="$stylevar[imgdir_editor]/removeformat.png" alt="$vbphrase[remove_text_formatting]" /></div></td>
<if condition="$show['font_bbcode'] OR $show['size_bbcode']">
<td><img src="$stylevar[imgdir_editor]/separator.png" alt="" /></td>
</if>
<if condition="$show['font_bbcode']">
<td><div class="imagebutton" id="{$editorid}_popup_fontname" title="$vbphrase[fonts]">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="popup_feedback"><div id="{$editorid}_font_out" style="width:91px">&nbsp;</div></td>
<td class="popup_pickbutton"><img src="$stylevar[imgdir_editor]/menupop.png" alt="" /></td>
</tr>
</table>
</div></td>
</if>
<if condition="$show['size_bbcode']">
<td><div class="imagebutton" id="{$editorid}_popup_fontsize" title="$vbphrase[sizes]">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="popup_feedback"><div id="{$editorid}_size_out" style="width:25px">&nbsp;</div></td>
<td class="popup_pickbutton"><img src="$stylevar[imgdir_editor]/menupop.png" alt="" /></td>
</tr>
</table>
</div></td>
</if>
<if condition="$show['color_bbcode']">
<td><img src="$stylevar[imgdir_editor]/separator.png" alt="" /></td>
<td><div class="imagebutton" id="{$editorid}_popup_forecolor" title="$vbphrase[colors]">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td id="{$editorid}_color_out"><img src="$stylevar[imgdir_editor]/color.png" alt="" /><br /><img src="$vboptions[cleargifurl]" id="{$editorid}_color_bar" alt="" style="background-color:black" width="21" height="4" /></td>
<td class="alt_pickbutton"><img src="$stylevar[imgdir_editor]/menupop.png" alt="" /></td>
</tr>
</table>
</div></td>
</if>
<if condition="$show['wysiwygsmilies']">
<td><img src="$stylevar[imgdir_editor]/separator.png" alt="" /></td>
<td><div class="imagebutton" id="{$editorid}_popup_smilie" title="$vbphrase[smilies]">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td><img src="$stylevar[imgdir_editor]/smilie.png" alt="" /></td>
<td class="alt_pickbutton"><img src="$stylevar[imgdir_editor]/menupop.png" alt="" /></td>
</tr>
</table>
</div></td>
</if>
<if condition="$show['attach']">
<td><div class="imagebutton" id="{$editorid}_popup_attach" title="$vbphrase[attachments]">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td><img src="$stylevar[imgdir_editor]/attach.png" alt="" /></td>
<td class="alt_pickbutton"><img src="$stylevar[imgdir_editor]/menupop.png" alt="" /></td>
</tr>
</table>
</div></td>
</if>
<!--
<td><img src="$stylevar[imgdir_editor]/separator.png" alt="" /></td>
<td><div class="imagebutton" id="{$editorid}_cmd_cut"><img src="$stylevar[imgdir_editor]/cut.png" alt="$vbphrase[cut]" /></div></td>
<td><div class="imagebutton" id="{$editorid}_cmd_copy"><img src="$stylevar[imgdir_editor]/copy.png" alt="$vbphrase[copy]" /></div></td>
<td><div class="imagebutton" id="{$editorid}_cmd_paste"><img src="$stylevar[imgdir_editor]/paste.png" alt="$vbphrase[paste]" /></div></td>
-->
<td><img src="$stylevar[imgdir_editor]/separator.png" alt="" /></td>
<td><div class="imagebutton" id="{$editorid}_cmd_undo"><img src="$stylevar[imgdir_editor]/undo.png" alt="$vbphrase[undo]" /></div></td>
<td><div class="imagebutton" id="{$editorid}_cmd_redo"><img src="$stylevar[imgdir_editor]/redo.png" alt="$vbphrase[redo]" /></div></td>
<td width="100%">&nbsp;</td>
<if condition="is_browser('ie') AND !is_browser('mac')">
<td><div class="imagebutton" id="{$editorid}_cmd_spelling"><img src="$stylevar[imgdir_editor]/spelling.png" alt="$vbphrase[check_spelling]" /></div></td>
</if>
<td>
<div class="imagebutton" id="{$editorid}_cmd_resize_0_100"><img src="$stylevar[imgdir_editor]/resize_0.png" alt="$vbphrase[decrease_size]" /></div>
<div class="imagebutton" id="{$editorid}_cmd_resize_1_100"><img src="$stylevar[imgdir_editor]/resize_1.png" alt="$vbphrase[increase_size]" /></div> </td>

<td><div class="imagebutton" id="{$editorid}_cmd_switchmode">
<div align="right"><img src="$stylevar[imgdir_editor]/switchmode.png" alt="$vbphrase[switch_editor_mode]" /></div>
</div></td>

</tr>
</table>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<if condition="$show['basic_bbcode']">
<td><div class="imagebutton" id="{$editorid}_cmd_bold"><img src="$stylevar[imgdir_editor]/bold.png" alt="$vbphrase[bold]" /></div></td>
<td><div class="imagebutton" id="{$editorid}_cmd_italic"><img src="$stylevar[imgdir_editor]/italic.png" alt="$vbphrase[italic]" /></div></td>
<td><div class="imagebutton" id="{$editorid}_cmd_underline"><img src="$stylevar[imgdir_editor]/underline.png" alt="$vbphrase[underline]" /></div></td>
<td><img src="$stylevar[imgdir_editor]/separator.png" alt="" /></td>
</if>
<if condition="$show['align_bbcode']">
<if condition="$stylevar['textdirection'] == 'ltr'">
<td><div class="imagebutton" id="{$editorid}_cmd_justifyleft"><img src="$stylevar[imgdir_editor]/justifyleft.png" alt="$vbphrase[align_left]" /></div></td>
<td><div class="imagebutton" id="{$editorid}_cmd_justifycenter"><img src="$stylevar[imgdir_editor]/justifycenter.png" alt="$vbphrase[align_center]" /></div></td>
<td><div class="imagebutton" id="{$editorid}_cmd_justifyright"><img src="$stylevar[imgdir_editor]/justifyright.png" alt="$vbphrase[align_right]" /></div></td>
<else />
<td><div class="imagebutton" id="{$editorid}_cmd_justifyright"><img src="$stylevar[imgdir_editor]/justifyright.png" alt="$vbphrase[align_right]" /></div></td>
<td><div class="imagebutton" id="{$editorid}_cmd_justifycenter"><img src="$stylevar[imgdir_editor]/justifycenter.png" alt="$vbphrase[align_center]" /></div></td>
<td><div class="imagebutton" id="{$editorid}_cmd_justifyleft"><img src="$stylevar[imgdir_editor]/justifyleft.png" alt="$vbphrase[align_left]" /></div></td>
</if>
<td><img src="$stylevar[imgdir_editor]/separator.png" alt="" /></td>
</if>
<if condition="$show['list_bbcode']">
<td><div class="imagebutton" id="{$editorid}_cmd_insertorderedlist"><img src="$stylevar[imgdir_editor]/insertorderedlist.png" alt="$vbphrase[ordered_list]" /></div></td>
<td><div class="imagebutton" id="{$editorid}_cmd_insertunorderedlist"><img src="$stylevar[imgdir_editor]/insertunorderedlist.png" alt="$vbphrase[unordered_list]" /></div></td>
</if>
<if condition="$show['align_bbcode'] OR $show['list_bbcode']">
<if condition="$stylevar['textdirection'] == 'ltr'">
<td><div class="imagebutton" id="{$editorid}_cmd_outdent"><img src="$stylevar[imgdir_editor]/outdent.png" alt="$vbphrase[decrease_indent]" /></div></td>
<td><div class="imagebutton" id="{$editorid}_cmd_indent"><img src="$stylevar[imgdir_editor]/indent.png" alt="$vbphrase[increase_indent]" /></div></td>
<else />
<td><div class="imagebutton" id="{$editorid}_cmd_outdent"><img src="$stylevar[imgdir_editor]/indent.png" alt="$vbphrase[decrease_indent]" /></div></td>
<td><div class="imagebutton" id="{$editorid}_cmd_indent"><img src="$stylevar[imgdir_editor]/outdent.png" alt="$vbphrase[increase_indent]" /></div></td>
</if>
<td><img src="$stylevar[imgdir_editor]/separator.png" alt="" /></td>
</if>
<if condition="$show['url_bbcode']">
<td><div class="imagebutton" id="{$editorid}_cmd_createlink"><img src="$stylevar[imgdir_editor]/createlink.png" alt="$vbphrase[insert_link]" /></div></td>
<td><div class="imagebutton" id="{$editorid}_cmd_unlink"><img src="$stylevar[imgdir_editor]/unlink.png" alt="$vbphrase[remove_link]" /></div></td>
<td><div class="imagebutton" id="{$editorid}_cmd_email"><img src="$stylevar[imgdir_editor]/email.png" alt="$vbphrase[insert_email_link]" /></div></td>
</if>
<if condition="$show['img_bbcode']">
<td><div class="imagebutton" id="{$editorid}_cmd_insertimage"><img src="$stylevar[imgdir_editor]/insertimage.png" alt="$vbphrase[insert_image]" /></div></td>
</if>
<if condition="$show['quote_bbcode']">
<td><img src="$stylevar[imgdir_editor]/separator.png" alt="" /></td>
<td><div class="imagebutton" id="{$editorid}_cmd_wrap0_quote"><img src="$stylevar[imgdir_editor]/quote.png" alt="$vbphrase[wrap_quote_tags]" /></div></td>
<td><img src="$stylevar[imgdir_editor]/separator.png" alt="" /></td>
</if>
<if condition="$show['code_bbcode']">
<td><div class="imagebutton" id="{$editorid}_cmd_wrap0_code"><img src="$stylevar[imgdir_editor]/code.png" alt="$vbphrase[wrap_code_tags]" /></div></td>
</if>
<if condition="$show['html_bbcode']">
<td><div class="imagebutton" id="{$editorid}_cmd_wrap0_html"><img src="$stylevar[imgdir_editor]/html.png" alt="$vbphrase[wrap_html_tags]" /></div></td>
</if>
<if condition="$show['php_bbcode']">
<td><div class="imagebutton" id="{$editorid}_cmd_wrap0_php"><img src="$stylevar[imgdir_editor]/php.png" alt="$vbphrase[wrap_php_tags]" /></div></td>
</if>
$vBeditTemplate[extrabuttons]
</tr>
</table>

</td>
</tr>
</table>

</div>

</div>
</if>
<div class="controlbar">
<if condition="$show['qr_require_click']">
<textarea name="message" id="{$editorid}_textarea" rows="10" cols="60" style="width:$stylevar[messagewidth]; height:{$editor_height}px" tabindex="1" dir="$stylevar[textdirection]" disabled="disabled">$vbphrase[click_quick_reply_icon]</textarea>
<else />
<textarea name="message" id="{$editorid}_textarea" rows="10" cols="60" style="width:$stylevar[messagewidth]; height:{$editor_height}px" tabindex="1" dir="$stylevar[textdirection]"></textarea>
</if>
</div>

<input type="hidden" name="wysiwyg" id="{$editorid}_mode" value="$editortype" />
<input type="hidden" name="styleid" value="$session[styleid]" />

<script type="text/javascript">
<!--
vB_Editor['$editorid'] = new vB_Text_Editor('$editorid', $editortype, '$forumid', '$parsesmilie');
var QR_EditorID = '$editorid';
//-->
</script>

Thanks!

[Rocc]

I installed this and it shows the images just fine but when i tryed to edit a post none of the buttons on the editor work same with quick reply ?

i reverted the templates and yet it still dosen't work this is with 3.7.0 with default skin

[Silvio]

hmm... seems to be a conflict with Princetons' smilies below edit hack.
ie: png editor button disappear when using it. :( at least for me

https://vborg.vbsupport.ru/showthread.php?t=178327

ideas?
yes happen same thing to me and my templates are updated.

disabling princeton's smilies below hack then this one will work like a charm
enabling princeton's smilies below hack then will perfectly work on quick replies panes but will not with the main full editor

Pls Wayne can you help on this matter?

regards

ciao

[peterpigman]

I have the Show Smilies in Quickreply added which stops working when you add this also.

[Dr. Bantham]

This appears to have messed up Highslide image functionality within PhotoPlog for me. I imported the XML file into two styles out of several and now those two styles no longer show the thumb images within Photoplog or posts. How do I reverse this?

UPDATE
The issue was with the Replacement Variable that changed "photoplog" to "Gallery". This really messed up Photoplog. Why was there even a reference to Photoplog? Are there any other areas that I need to be concerned with?

[mikkitine]

Was running this successfully on 3.7.0 yesterday. Installed vBSEO 3.2.0 RC5 and then it failed to show the png icons in quick edit and new thread/post reply. On showthread_quickreply the png icons show but on the color selector instead of the colour of choice being displayed in a little bar under the palette icon, I get the address of my forum in text(which pushes all the icons to the right of it further out). Upgraded to 3.7.1 soon after and the issues are the same.

Anybody else with similar problems or solutions?

[sebil]

how can uninstall this...........
great cod

[BoYagoob]

Great .. & installed ..

[Mr. Hoddz]

/me marks as installed.

Got to say this is possibly the best graphics set on here for the editor. Love it!! Thanks for sharing.

[Mr. Hoddz]

This appears to have messed up Highslide image functionality within PhotoPlog for me. I imported the XML file into two styles out of several and now those two styles no longer show the thumb images within Photoplog or posts. How do I reverse this?

UPDATE
The issue was with the Replacement Variable that changed "photoplog" to "Gallery". This really messed up Photoplog. Why was there even a reference to Photoplog? Are there any other areas that I need to be concerned with?

Yeah I've got the same thing. I think I'm gonna look through the .xml file and see what I can find. Hopefully it is something in there.

[Mr. Hoddz]

For some reason, lines 4-6 of the .xml file have these contents...

<templategroup name="Replacement Var Special Templates">
<template name="photoplog" templatetype="replacement" date="0" username="" version=""><![CDATA[Gallery]]></template>
</templategroup>

That is the only section that a search pulled up the word "Gallery".



The whole thing that has changed is a phrase has changed the word "photoplog" to "Gallery" (case sensitive) and this is what is causing the problem. Can't see anything that would cause it, but maybe Wayne will look into it and see what's wrong.

[dannykilla]

can anyone post a update for the template "postbit_quickedit" as I am still getting the please revert templates notice on ACP home, when I click the link to view the templates that need reverting I have this information

Default Template Updated in vBulletin 3.7.0 Beta 5 by Jelsoft
Your Custom Template Last Edited in vBulletin 3.6.8 by Koleckai

[tafreeh]

okay here is the thing...

after installing this hack, i m getting security tokken missing error.. while my userz trying to create new thread or reply to a post...

i try to fix it but i can not even find this code

value="$session[sessionhash]"

niether this one

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


plus editior toolbar on and off, showthread and quick reply templates are showing under templates out of date

PLease help me out

[Cs.Net]

thank you nice :)

[Boosted Panda]

How do I uninstall this? It won't work with Princetons hack!

[dethfire]

icons are cramped, how to get more space between?

[GoodKarmaKid]

hmm... seems to be a conflict with Princetons' smilies below edit hack.
ie: png editor button disappear when using it. :( at least for me

https://vborg.vbsupport.ru/showthread.php?t=178327

ideas?


I am getting the same confilict, would love to see a resolution as I can't live without either hack. Love the smilies below the editor and love the PNG's equally as well.

Please don't make me choose:D

I'm good at following instructions if someone has figured this out.

Thanks,
Jason

[tafreeh]

how do you un-install this....

[dannykilla]

is there anyway Wayne can update this so that it show the colour selected on all browsers please?
as the replacement code works but doesnt look at cool :(

Dan

[g00gl3r]

I get a terrible problem with the quick-reply box options, what's going on there? LOOK (http://www.tilersforums.co.uk/tiling-forum/11755-help-advice-needed-2.html)

And none of the features seem to work in it either.

[g00gl3r]

How do I uninstall this? It won't work with Princetons hack!

Did you ever find out?

[g00gl3r]

I have reverted back

editor_toolbar_on
postbit_quickedit
showthread_quickreply

and now my editor buttons don't work at all.

What's going on there?

[g00gl3r]

OK, UNINSTALLED - but none of my images work in any of my editors now. Even when I make a new style with no parent and use that to browse the forum.

What the hell is going on?

[abbasbsp]

after uload ihave this problem......

https://vborg.vbsupport.ru/external/2008/06/1.jpg


please help.....

[abbasbsp]

also in my quick reply........ please help....

[PalServ]

thanks alot , nice mod

[redlabour]

If anyone gets Problems after Upgrading vBSEO to vBSEO 3.2 GOLD read this:

http://www.vbseo.com/f5/vbseo-3-2-0-gold-released-24675/index3.html#post153887

[Ketro]

Chill out folks, the reason your images probably aren't showing up is that you deleted the orignal .gif images that were in the forums/images/editor folder. When images can't be found, alt text is used instead, which is what the majority of you are seeing. Check your images/editor folder and makes sure that the images in there are .GIF and NOT .PNG.

Note: You only want the .gifs in there if you are trying to remove this hack.

[ThorstenA]

Using vbSEO I had a problem in quick reply box because after the color button the html of my homepage (http://www.myforum.com) appeared.

Would be great to just change graphic icons without style changes.

[Vinyljunky]

If anyone gets Problems after Upgrading vBSEO to vBSEO 3.2 GOLD read this:

http://www.vbseo.com/f5/vbseo-3-2-0-gold-released-24675/index3.html#post153887

Any chance this mod could be updated to resolve the issue with VBSEO?

You have multiple instance of $vboptions[clearpngurl] inside your templates. You need to replace them with $vboptions[cleargifurl]

Thanks

VJ

[AbercrombieAron]

I've just turned the png images into gifs and overwritten the default icons.

No messing, job done!

[Quillz]

Just installed these on all my styles, they look great! Thanks for sharing.

[FluidG]

I had the same problem with this until I remembered that if you are using a non-default style, you will need to put the images in the custom style's image folder (inside the main images folder). After that it worked fine.

[Stubbed]

Any chance this mod could be updated to resolve the issue with VBSEO?

Thanks

VJ

It's not really an issue with this mod, or of vBSEO, more a compatibility thing between the two. I'd prefer to leave it as the png variable, as I've got rid of all of the gifs on my forum, as long as that post stays there people who use both will know what they have to do.. :)

[Booost This]

Installed, very nice!

[Brandon Sheley]

very nice, I think I'll add this to my forum.. after I get some sleep :)

[lellos]

Very nice, suggestion to everybody to modify the file XLM adjourning his/her own version of the forum, in contrary case it doesn't work.

[tru1]

where do you add the code line?

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

In a template? Which one?

Where?

I am getting this error in VB when I try to merge styles:

"This file was created using a different version of vBulletin from the one you are running.

Your version: 3.7.2
File version: 3.7.0 Beta 2"

what am I doing wrong?

[legionofangels]

It's not really an issue with this mod, or of vBSEO, more a compatibility thing between the two. I'd prefer to leave it as the png variable, as I've got rid of all of the gifs on my forum, as long as that post stays there people who use both will know what they have to do.. :)

If you really are having compatibility issues with vbSEO and this mod, why don't you just go into those 3 templates and manually change the file extensions to PNG?

That's what we did indifference to using this mod, due to the fact that it was going to affect the 10 different styles we had, and we weren't going there.

If there are compatibility issues you people can still use the images he has in this pack and just manually adjust the file extensions in those templates.

I have vbSEO and I changed all my extensions and sizes manually, and I have no compatibility issues.

[dannykilla]

Thanks for the update!

[Masiello]

Thank you very much for this Wayne!
Works great on vB 3.7.3 PL1

It's possible to get it working too for vBa Admincp editor?

[Masiello]

It's not really an issue with this mod, or of vBSEO, more a compatibility thing between the two. I'd prefer to leave it as the png variable, as I've got rid of all of the gifs on my forum, as long as that post stays there people who use both will know what they have to do.. :)
What's your issues with vBSEO? I'm using it too in version 3.2 GOLD and vB 3.7.3 PL1 but I do not noted any particular issue. Tell me please if one?

[Netunt]

I've merged the xml with my style but I'm having some problems. The only place it is working is a few images on the quick reply box. In the advanced editor, the PNGs are not showing up.

[Netunt]

I am getting this error in VB when I try to merge styles:

"This file was created using a different version of vBulletin from the one you are running.

Your version: 3.7.2
File version: 3.7.0 Beta 2"

what am I doing wrong?

Check the ignore style version box.

[GreigScott]

soo freeky freeky fresh, I love them great release. Using them now:D

[Netunt]

I've merged the xml with my style but I'm having some problems. The only place it is working is a few images on the quick reply box. In the advanced editor, the PNGs are not showing up.

Anyone know what the problem could be?

[WoodiE]

I am getting the same confilict, would love to see a resolution as I can't live without either hack. Love the smilies below the editor and love the PNG's equally as well.

Please don't make me choose:D

I'm good at following instructions if someone has figured this out.

Thanks,
Jason

I too also have this problem - when using the GTSmiliebox - Move Smilies Below Editor (https://vborg.vbsupport.ru/showthread.php?t=178327) mod the PNG editor buttons stop working.

Any known fix for this yet?

[Boosted Panda]

I too also have this problem - when using the GTSmiliebox - Move Smilies Below Editor (https://vborg.vbsupport.ru/showthread.php?t=178327) mod the PNG editor buttons stop working.

Any known fix for this yet?

You need to manually go in and replace the image paths when installing the Smilie Below Editor mod.

[azzaro]

Hi
How can i Uninstall this ??

i did remove all .png images from editor folder . but steel .GIF files does not come . and steel .png files come .

how can i uninstall this mode ?

thanks

[raja811]

nice

[abus3d]

thanks :)

[Nadeemjp]

will this work with 3.7.4 or 3.8?

[momo2]

its killed some of my older hacks, and only quick reply icons changed
also why can't someone make them to gif, so no more monkey around with it daaa

[navik]

Hi
How can i Uninstall this ??

i did remove all .png images from editor folder . but steel .GIF files does not come . and steel .png files come .

how can i uninstall this mode ?

thanks

im joining to this user!!!

[cagbaazee]

Will it works with 3.7.4 version and up above

[ziko_583]

I too also have this problem - when using the GTSmiliebox - Move Smilies Below Editor (https://vborg.vbsupport.ru/showthread.php?t=178327) mod the PNG editor buttons stop working.

Any known fix for this yet?

please help with this problem

[Wayne Luke]

Really the only change in this modification is to replace the extension .gif with .png on the different images. It doesn't change anything to do with functionality. The only thing that I can think of is that the GTSmiliebox addon does a direct edit to the templates via a string replace that is changed. That isn't something that I can fix since I don't own the GTSmilieBox code.

[KevinL]

Boosted Panda gave the answer. You have to go in and edit the XML for the GTSmilieBox from .gif to .png and it will work just fine with both. :)

[Wayne Luke]

Revert the templates that are modified.. Anything under Editor Templates.

[redlabour]

Does it work with 3.8?

[Nadeemjp]

is it 3.8 compatible?

[Stubbed]

* Stubbed mirrors above two posts :)

[dannykilla]

its working for me on vb 3.8

[p30suite]

this hack have problem with IE?
My quickreply dont work with IE then install this hack

[SEW810]

What's wrong?.

I can see PNG icons only at visitor message and advanced view (when posting).
I can't see icons at quick answer , neither at quick edit

Thnx for support
vb 3.8.2 user ;)

[SEW810]

Nothing yet?.

:'( too bad. Uninstalled.

[Extrateknik]

vb 3.8.5 installed thank you

[paradoxsum]

I'm getting the following warning

https://vborg.vbsupport.ru/external/2013/03/2.png