Thread: New Posting Features - PNG Editor Buttons
View Single Post
  #67  
Old 03-26-2008, 03:43 PM
legionofangels's Avatar
legionofangels legionofangels is offline
 
Join Date: Mar 2007
Posts: 485
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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.
Reply With Quote
 
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01105 seconds
  • Memory Usage 1,791KB
  • Queries Executed 11 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD_SHOWPOST
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_box
  • (1)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (1)post_thanks_postbit_info
  • (1)postbit
  • (1)postbit_onlinestatus
  • (1)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open 

Phrase Groups Available:
  • global
  • postbit
  • reputationlevel
  • showthread
Included Files:
  • ./showpost.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_postinfo_query
  • fetch_postinfo
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showpost_start
  • bbcode_fetch_tags
  • bbcode_create
  • postbit_factory
  • showpost_post
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • fetch_musername
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • showpost_complete