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

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.

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.

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!

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

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

It should if your images are pointed correctly.

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.

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.

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?

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.

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?

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.

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 ... :)

Great thx ^^

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 ... :)

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

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

love this.

Well done Wayne, good job. Installed.

They are smaller than they look in the screenshot though.

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.

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.

Very nice bro.
thanks

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

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.

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 ...

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/v3...S-Editor-4.gif

http://img.photobucket.com/albums/v3.../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.

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 :)

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. :)

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

great job. :)

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.

Great stuff :)

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. ^^

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

Very nice

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.

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

thanks for your sharing！

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

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.

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

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