Monster Notebook
 
Şimdi Üye Ol | Şifremi Unuttum
Ana SayfaSanalkurs.netProgramlarSanalkurs.netÖnemli SitelerSanalkurs.netYazarlarSanalkurs.netDers EkleSanalkurs.netE-DergiSanalkurs.netBlog Sanalkurs.netİletişimSanalkurs.netForum
 
Anasayfa » HTML (68 ders)
 
Transparent PNG Nasıl Yayınlanır?

Yazar: Hakan Çamoğlu  
Eklenme: 26.08.2007   Okunma: 3028    Puan: 3.8   Seviyesi:  Başlangıç
 
PNG formatını kullanmak, web sitelerinde transparent image kullanmanın bir kaç yolundan biridir. Özellikle GIF formatıyla yapılan transparent imagelerin kalitesinin düşük olması sebebiyle, kaliteli imagelerde transparent özelliğini kullanmak için PNG formatını kullanırız.

Peki PNG formatındaki transparent imageleri web sitemizde nasıl yayınlamalıyız? İşte size bunun cevabı...


1. Aşama

İlgili java script (png.js) dosyasını web sitemizin klasörüne kopyalayalım.

png.js dosyasını indirmek için tıklayın.


2. Aşama

Web sayfalarımızın uygun kod bloğuna, sunucuya yüklediğimiz bu java script dosyasını gömelim.

Burada önemli olan java script dosyasını sayfamızın neresine gömeceğimizdir. Aşağıdaki kodu sayfamızın <head></head> kod bloğu arasına yerleştirmemiz gerekmektedir.

Dosyayı sayfamıza gömmek için gereken kod bloğu ise şu şekildedir:

<script defer type="text/javascript" src="png.js"></script>


İşte hepsi bu :)
Hepinize kolay gelsin...
 

 

Transparent PNG Nasıl Yayınlanır? Dersini Yazdirin YAZDIR

"Transparent PNG Nasıl Yayınlanır?" dersi için 6 yorum var

29.09.2007 artis_soner diyor ki:
güzel

17.10.2007 byron diyor ki:
Teşekkürler

12.11.2007 cmg.web diyor ki:
sayfada birden fazla PNG varsa mesela 20-30 tane küçük boyutlu simge, internet ortamında yüklerken 1-2 sn takılma yapıyor. bilginize.

10.01.2008 swatch diyor ki:
Bu konuyu açtığınız için çok teşekkür ederim.
Hazırladığım sitede buna benzer ancak birazdaha karmaşık birsorunum var.
sayfa arkaplanında görünmesi gereken bir resmim var. tablolarımın arkapanı yarı saydam png dosyalarından oluşuyor. ancak ie6 bunu olması gerektiği biçimde gösteremiyor. png ler tablo arkaplanı olarak kullanılmak zorunda. zaten olamasa verdiğiniz çözüm işimi hallederdi. bununla ilgili yardımlarınız bekliyorum.

07.02.2008 sevket20 diyor ki:
JS dosyasını indirip inceledim ama pek birşey anlamadım açıkçası. Oradaki kodlar hakkında biraz daha ayrıntılı bilgi verebilirmisin? Teşekkürler...

20.03.2008 y.yaprak diyor ki:
ben kodu yazdım ama tasarım kendini kaybetti resimler sağa sola kaydı :)

  BU DERSE YORUM EKLEYİN

Üye olmadan yorum ekleyemezsiniz !


UYARI: SANALKURS.net'te yer alan materyaller ile ilgili her türlü sorumluluk hazırlayan veya gönderene aittir. Yazarlar, gönderdikleri makale ve derslerle başkalarını yanıltıcı bilgi veremezler. SANALKURS.net bilgilerin kullanımı sonucunda doğacak hata ve zararlardan sorumlu tutulamaz. SANALKURS.net'te yer alan bir makale link vermek ve kaynak göstermek şartıyla başka bir sitede yayınlanabilir. SANALKURS.net kullanıcıları ve üyeleri, üçüncü kişilerin telif hakkı sahibi bulunduğu hiçbir yazı, fotoğraf, resim vb. materyal ve ürünü kullanamazlar. SANALKURS.net kullanıcı ve yazarlarının, üçüncü kişilerin telif hakkı sahibi olduğu yazı, resim vb. ürünleri izinsiz kullanması durumunda, her türlü hukuki ve cezai sorumluluk kendilerine aittir.
 İSTATİSTİKLER
XML Kaynağımızdan yararlanarak sitemizdeki derslerimizi masaüstünüzden yada web sitenizden takip edebilirsiniz
ÇEVRİMİÇİ 165 Ziyaretçi, 7 Üye
ajanszebra1, BuKi ®, bozoklar, NaRe_TuRKeY, Charisma_47, siracel, Bym.ülkü
Bugün: 933, Dün: 10154, Bu Ay: 21300, Toplam Ziyaret: 7227112, Toplam Üye: 216260, Son Üye: nur_cihan
Yazılı Dersler: 2460, Video Dersler: 408, Toplam Yazar: 64, Toplam Dosya: 53, Toplam Link: 26
   
RSS Kaynağımızdan yararlanarak sitemizdeki derslerimizi masaüstünüzden yada web sitenizden takip edebilirsiniz