Vi ste ovdje

IE6 png fix

Drupal 6
Ispravljanje *.PNG transparentnosti
Ova skripta dodaje podršku datotekama *.PNG alpha opacity za IE 5.5 i 6. Sada možete imati potpunu prozirnost i nema više ružnih sivih granica! Podržava CSS pozicioniranje pozadina. Zahtijeva samo nekoliko redaka koda . <img> oznake i pozadinske slike podržane su.
  1. Ugovor o licenci skripte

IE5.5+ PNG Alpha Fix
(c) 2004-2009 Angus Turnbull http://www.twinhelix.com
Licencirano pod GNU LGPL, verzija 2.1 ili kasnija.

Kompatibilnost

Skripta koristi CSS "behaviors", uobičajenu Microsoft CSS ekstenziju. Kao takva, skripta neće utjecati na bilo koji drugi preglednik kao što je Mozilla ili Opera, jer ovi preglednici već imaju ugrađenu podršku PNG prozirnosti. Skripta također neće raditi u  IE4.0 i IE5.0, jer ne uključuju IE filtar, a ne radi ni s IE5/Mac, koji sam po sebi već podržava prozirnost PNG slika.

Instalacija

Slijedite ovih 5.koraka kako bi postavili IE6 PNG FIX na svoju Drupal stranicu:

1. CSS selektor mora sadržavati oznake / elemenate na koje želite primjeniti PNG prozirnost. Također mora sadržavati ispravnu putanju do *.HTC datoteke  u odnosu na mjesto (HTML) dokumenta (ne u odnosu na CSS dokument!).  Unesite slijedeći kod u *.CSS datoteku teme koju koristite:

img, div, a, input { behavior: url(../../../../../iepngfix.htc); }

Želite li primjenu na neke druge elemente, upišite ih u listu oznaka odvojenih zarezom na koju želite primjeniti PNG fix (npr. img, div, a, input, ...). Imajte na umu da ova CSS metoda neće proći W3C validaciju CSS koda. Ukoliko Vam to nije važno (jer nema efekta na učitavanje stranica) koristite ovu CSS metodu.

Alternativna metoda koja će proći CSS W3C validaciju je unos slijedećeg koda između <head> </head> tagova:

<!--[if lte IE 6]>
<style type="text/css">
img, div, a, input { behavior: url(<?php print $base_path ; ?>iepngfix.htc) }
</style>
<![endif]-->

2. Otvorite page.tpl.php datoteku teme koju koristite i unesite slijedeći kod između <head> </head> tagova:

<!--[if lte IE 6]>
<script type="text/javascript" src="//www.aranea-web.eu/%3C?php_print_%24base_path_%3B_%3F%3Eiepngfix_tilebg_js"></script>
<![endif]-->

3. Otvorite .htaccess datoteku smještenu u root direktoriju, gdje je smještena Drupal instalacija (includes, misc, modules, profiles, scripts...) i dodajte novi red:

AddType text/x-component .htc

4. Preuzmite i raspakirajte zip datoteku iepngfix.zip lokalno na računalo. Datoteke koje ste raspakirali blank.gif, iepngfix.htc, iepngfix_tilebg.js - postavite u root direktorij.

5. Otvorite datoteku iepngfix.htc koju ste prethodno postavili u root direktorij i ispravite (oko 19 reda) putanju (varijablu) do blank.gif datoteke kako bi odgovarala postavkama vaše stranice.  Umijesto www.vasa-domena.com unesite vašu domenu :

IEPNGFix.blankImg = 'http://www.vasa-domena.com/blank.gif';

I za kraj

Ne zaboravite očistiti Drupal cache! Možda će biti potrebno očistiti i cache preglednika, ovisno o postavkama koje imate.

Ova uputa za Drupal 6 IE png fiksaciju prilagođena je na temelju IE PNG Alpha Fix v2.0 Alpha 4 by Angus Turnbull - www.twinhelix.com upute.