vBulletin Modifications

How to make IE fall in love with PNG's

Welcome to vBHackers.com! - vBHackers Updates:

Go Back   vBulletin Modifications > Your Forum > Forum Graphics

Reply
 
LinkBack Thread Tools
Old 03-16-2007, 09:43 PM   #1
Colonel Ingus
Master Coder
Colonel Ingus's Avatar
Join Date: Jun 2006
Real Name: The Wizard of Oz
Location: ...in a van, down by the river.
Colonel Ingus is on a distinguished road

Lightbulb How to make IE fall in love with PNG's

IE, that browser that ignores most modern web statdards, also doesn't play well with PNG images. So let's see, it's almost the year 2010 and mankind has gone to the moon, found cures for many forms of cancer and even developed hydrogen fueled cars, and yet IE can not display a simple PNG image properly... well that was until today With a little CSS (don't cha just love it?) and this small script on your server you can now properly display PNG images to those who *cough* use IE. Enjoy :nervous:
__________________

Colonel Ingus - N.A.P.P Member   

Vbulletin Coding Guru / vBHackers.com
vBSEO 3.1 GOLD Released vB Blogs Compatible | Non-Encrypted | Branding Removal Option | Sitemaps 2.1 | Language Packs

Crawlability Network: vBulletin SEO | vBulletin Hackers




Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Sponsored Links
Old 03-17-2007, 06:22 AM   #2
vBulletin Guru
Shelley's Avatar
Join Date: Aug 2006
Location: United Kingdom
Shelley is on a distinguished road

Default

I seen a similiar script by steve_m who posted this on vbulletin.org but never ever felt the need to use it because in areas where I use .png it don't warrant the use of this because I never had transparent areas or curved edges. I'm sure many people will find this usefull and while I'm posting I thought I would post a link to steve_m PNG Fix in IE just incase people have trouble implementing the fix. PNG Fix in IE.

Such a pity .png doesn't support animations. I'll be one of the people that will continue using .gif as the format but I do use PNG alot more than I did like say a year ago.

Nice Find regardless Colonel Ingus.
__________________
vBImageworks.com - Free premade custom Vbulletin Emoticon Sets, Button Sets, Ranks and more...
My Blog











Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old 03-17-2007, 01:00 PM   #3
Colonel Ingus
Master Coder
Colonel Ingus's Avatar
Join Date: Jun 2006
Real Name: The Wizard of Oz
Location: ...in a van, down by the river.
Colonel Ingus is on a distinguished road

Smile

Thank you Shelley I don't believe steve_m's hack supports background PNG's or rollovers. I agree with you about animations. None the less I do prefer PNG's for everything else, as I have found the image quality to be much better, especially details and shadows. I've seen a lot of people recently moving over to the PNG format. Shame on microsoft for not supporting the format. We need more uniformity among browsers. Hopefully this will help
__________________

Colonel Ingus - N.A.P.P Member   

Vbulletin Coding Guru / vBHackers.com
vBSEO 3.1 GOLD Released vB Blogs Compatible | Non-Encrypted | Branding Removal Option | Sitemaps 2.1 | Language Packs

Crawlability Network: vBulletin SEO | vBulletin Hackers




Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old 03-17-2007, 08:19 PM   #4
Coder
SirAdrian's Avatar
Join Date: Jun 2006
SirAdrian is on a distinguished road

Default

I've seen it posted a few times on vb.org, but it's always the same JS file being used. Most people still don't know about it though, so it's always good to keep awareness up.

Are PNGs fixed in IE7?




Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old 03-17-2007, 09:56 PM   #5
Colonel Ingus
Master Coder
Colonel Ingus's Avatar
Join Date: Jun 2006
Real Name: The Wizard of Oz
Location: ...in a van, down by the river.
Colonel Ingus is on a distinguished road

Talking

Nope... :p
__________________

Colonel Ingus - N.A.P.P Member   

Vbulletin Coding Guru / vBHackers.com
vBSEO 3.1 GOLD Released vB Blogs Compatible | Non-Encrypted | Branding Removal Option | Sitemaps 2.1 | Language Packs

Crawlability Network: vBulletin SEO | vBulletin Hackers




Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old 03-17-2007, 10:31 PM   #6
Coder
SirAdrian's Avatar
Join Date: Jun 2006
SirAdrian is on a distinguished road

Default

... * sigh :p




Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old 03-18-2007, 10:47 PM   #7
Colonel Ingus
Master Coder
Colonel Ingus's Avatar
Join Date: Jun 2006
Real Name: The Wizard of Oz
Location: ...in a van, down by the river.
Colonel Ingus is on a distinguished road

Smile

LOL.

I feel your pain :p

As long as people keep using it and they have 50% of the market MS feels that they don't have to fix anything... so in a way people are shooting themselves in the foot by continuing to use IE :ermm:
__________________

Colonel Ingus - N.A.P.P Member   

Vbulletin Coding Guru / vBHackers.com
vBSEO 3.1 GOLD Released vB Blogs Compatible | Non-Encrypted | Branding Removal Option | Sitemaps 2.1 | Language Packs

Crawlability Network: vBulletin SEO | vBulletin Hackers




Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old 03-25-2007, 01:01 PM   #8
Colonel Ingus
Master Coder
Colonel Ingus's Avatar
Join Date: Jun 2006
Real Name: The Wizard of Oz
Location: ...in a van, down by the river.
Colonel Ingus is on a distinguished road

Lightbulb

According to a IE blog, these things have been fixed in IE7:
  • Peekaboo bug
  • Guillotine bug
  • Duplicate Character bug
  • Border Chaos
  • No Scroll bug
  • 3 Pixel Text Jog
  • Magic Creeping Text bug
  • Bottom Margin bug on Hover
  • Losing the ability to highlight text under the top border
  • IE/Win Line-height bug
  • Double Float Margin Bug
  • Quirky Percentages in IE
  • Duplicate indent
  • Moving viewport scrollbar outside HTML borders
  • 1 px border style
  • Disappearing List-background
  • Fix width:auto

Support has supposedly been added for the following:
  • HTML 4.01 ABBR tag
  • Improved (though not yet perfect) <object> fallback
  • CSS 2.1 Selector support (child, adjacent, attribute, first-child etc.)
  • CSS 2.1 Fixed positioning
  • Alpha channel in PNG images
  • Fix :hover on all elements
  • Background-attachment: fixed on all elements not just body
__________________

Colonel Ingus - N.A.P.P Member   

Vbulletin Coding Guru / vBHackers.com
vBSEO 3.1 GOLD Released vB Blogs Compatible | Non-Encrypted | Branding Removal Option | Sitemaps 2.1 | Language Packs

Crawlability Network: vBulletin SEO | vBulletin Hackers




Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old 03-25-2007, 08:17 PM   #9
vB Newbie
Join Date: Jul 2006
smashingyoungman is on a distinguished road

Default

I was making a skin for my upcoming design site, but at some point during the process I suddenly got it in my head to create a theme without worrying about browser compliance. I wanted to go all out.

The biggest thing is my making very liberal use of PNGs with 24-bit alpha transparency, as well as various fixed divs. Neither of the above plays nice with older browsers, I'm afraid...but it is amazing the design possibilities that open up when making free use of more modern techniques.

Needless to say, this skin as it is turning out won't be suitable for a professional site meant for public consumption; it is more of a concept thing. It does look great with the newest versions of FireFox, Internet Explorer and Opera, but it is a complete mess in antiquated browsers. I'm not going to fool with using scripts or hacks to make it look acceptable in those browsers; I'll just code up another skin. A pity. :ermm:




Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old 03-25-2007, 09:23 PM   #10
Colonel Ingus
Master Coder
Colonel Ingus's Avatar
Join Date: Jun 2006
Real Name: The Wizard of Oz
Location: ...in a van, down by the river.
Colonel Ingus is on a distinguished road

Wink

Why not just have a separate CSS file for them instead of making a whole new skin?
__________________

Colonel Ingus - N.A.P.P Member   

Vbulletin Coding Guru / vBHackers.com
vBSEO 3.1 GOLD Released vB Blogs Compatible | Non-Encrypted | Branding Removal Option | Sitemaps 2.1 | Language Packs

Crawlability Network: vBulletin SEO | vBulletin Hackers




Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Reply



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On
Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Can't Make this BBCode. Can someone make it for me? VERY Simple Mascot General vBulletin Discussion 4 01-09-2007 03:40 PM
How do you determine forum success? Rex Growing Your vB Forum 14 11-10-2006 03:51 PM
make custom pages...in VB.. mant3ra General vBulletin Support 2 09-07-2005 12:07 PM
Mods/admins make thread have no post count Keyser Söze vBulletin Modification Requests 2 09-09-2004 12:33 PM


All times are GMT -3. The time now is 01:11 PM.


SEO by vBSEO 3.2.0 ©2008, Crawlability, Inc. (Patent Pending)