‘flash’ etiketi için sonuçlar

HTML Sayfalarına %100 genişlikte ve %100 yükseklikte flash dosyaları eklemek

Site üzerinden gelen bazı sorular belli aralıklarla farklı kişilerden gelince bu konuda bir yazı yazma ihtiyacı duyuyorum. Bu konuda olduğu gibi. Daha öncede benzer sorular ile karşılaştım. Bende bir kaç projemde bu konuyu göz atmıştım.

İki yöntem var aslında bunun için.

Birinci Yöntem

body {
    height: 100%;
    width: 100%;
    margin: 0;
}

şeklinde bir kod. Ancak bu kod ne yazık ki Firefox ve Opera’da çalışmıyor. Yada çalışması için html sayfamızdan DOCTYPE’ı silmemiz gerekiyor. Bence bu pek mantıklı bir kullanım değil, o nedenle ben ikinci yöntemi öneriyorum.

İkinci Yöntem

swfobject.embedSWF("test.swf", "myContent", "100%", "100%", "9.0.0", "expressInstall.swf");

Genişlik ve yüksekliğini 100% veriyoruz ve css kodumuzu yazıyoruz.

/* hide from ie on mac \*/
html {
    height: 100%;
    overflow: hidden;
}

#myContent {
    height: 100%;
}
/* end hide */

body {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #090;
}

Örneği görmek için tıklayınız

CSS kodumuz biraz daha fazla olan bu yöntem DOCTYPE kullanımı durumunda da çalıştığı için bence en kullanışlı yöntem. Geçen hafta anlattığım flashobject ile kodumuzu sayfaya ekledik.

CSS kodu biraz incelersek;

Kodun ilk iki tanımını ie5 Mac kullanıcılarından gizlemek için.

Htlm’e yüzde yüz yükseklik tanımı yapıyoruz ve flash dosyamız sayfanın tamamını kaplayacağı için sayfa kenarındaki kaydırma çubuğuna gerek kalmayacaktır, ie de kaydırma çubuğunu kaldırmak için overflow:hidden kodunu yazıyoruz.

Daha sonrada flash’ı eklediğimiz katman yüksekliğinide yüzde yüz yaparak elemanın tam sayfayı kaplamasını sağlıyoruz.

Son olarakta body elementinin yüksekliğini yüzde yüz yapıp margin ve padding değerlerini sıfırlıyoruz ve görünmese de işi garantiye almak için bir backgroun-color tanımı yapıyoruz. Bu kadar.

Kaynaklar

24 Mart 2008 web’den seçme haberler

  • Not defterimin yorum kısmını biraz değiştirdim. Görsel olarak biraz daha güzelleşti, avatar kısmını kaldırdım, yorum sayısı ekledim, ardışık yorumlara farklı renk tanımladım, yönetici yorumlarının görünümünü değiştirdim. Umarım beğenirsiniz.
  • Safari 3.1 sürümü çıkmış. Yeni standartları destekliyor. Bağlantı
  • Ajax ile yapılmış form denetimi yapan kod listesi. Bağlantı
  • CSS ile form alanları kontrol etmek için yazılmış güzel bir makale. Bağlantı
  • Asp.net uygularımızda Flash Grafikleri kullanımını anlatan güzel bir örnek. Bağlantı
  • Google Analitics’e alternatif siteler ve uygulamalar. Bağlantı
  • Mootools kullanılarak yapılmış güzel bir kaydırma çubuğu örneği. Bağlantı
  • Asp.net açık kaynak olma yolunda hızla ilerliyor. Asp.net MVC kaynak kodlarını yayınladı. Bağlantı
  • 4 adımda site yapmayı anlatan cameronmoll.com 3. yazısında ajax ile içerik kısmını anlatmış. Bağlantı
  • Apple’ın tarayıcısı Safari’nin yeni sürümünde web geliştiriciler için güzel bir araç var sitenizi farklı tarayıcılardaki görünümünü bizlere sunuyor. Gerçekten hoş olmuş. Başlangıçta bu menü pasif geliyor aktifleştirmek için Edit -> Preferences.. oradanda Advanced sekmesinden “Show Devolop menu in menu bar” yazısını yanındaki işaret kutucuğunu işaretlemelisiniz. Bağlantı
  • “CSS kod düzeni ve okunabilirlik” Bağlantı
  • CSS ile mesaj kutuları yapmak. Bağlantı
  • “WPF – Windows Presentation Framework Nedir?” Bağlantı

Vista’da Adobe Flash sorununun çözülmesi

Vista’ya alışmadığımı itiraf etmeliyim. Bu gün birden IE7 flash dosyalarını göstermemeye başladı.

Gittim adobe’un sitesine ve flash player’ı tekrar indirdim. Kurulum tamam dedi ancak IE7 hala bazı sayfalarda flash dosyalarını göstermiyor.

Neyse sorunun çözümü

C:\Windows\System32\Macromed\Flash

IE7 kapattıktan sonra klasörüne gidip

FlashUtil9b.exe

çalıştırmaktan geçiyor. Çalıştırınca kendini güncelliyor ve sorun gideriliyor. Benim anlamadığım bunu her kullanıcı yapacak ise çok saçma bir şey olduğu.

Sonuç olarak sizde böyle bir sorunla karşılaşırsanız diye bunu buraya yazdım.

Kaynak: http://www.jasondunn.com/vista-flash-problem-youtube-250

18 Ekim 2007 Web’den Seçme Haberler

  • Web sayfalarında geniş zeminli resimlerin kullanımı. Bağlantı
  • Bir çok lightbox uygulaması. Siz kendinize uygun olanı kullanın. Bağlantı
  • Eylül ayının en iyi web linkleri. Bağlantı
  • Mailing hazırlarken dikkat edilecek hususlar. Bağlantı
  • CSS ile alakalı güzel bir site açılmış Bağlantı
  • Adobe 3 boyutlu resime bir alet ve programla farklı bir bakış açısı sunmuş. Bağlantı
  • Asp.net kodlarımızda performansı arttıracak ipuçları. Bağlantı
  • Flash tabanlı resim galerileri. Bağlantı

06 Nisan 2007 Web’den seçme haberler

  • Kolay şekilde ajax kodları yazmamız için ücretsiz bir editör TIBCO. Link
  • Güzel web tasarımı yapmanın prensipleri makalesi. Link
  • RSS’in geleceği hakkında düşünceler. Link
  • Display:none özelliğini erişebilirlik için kullanmak. Link
  • Firefox’dan Flash hatalarını izlemeye ne dersiniz, Firefox’un FlashTracer eklentisi ile bunu yapabiliyoruz artık. Link
  • Güzel bir Dreamweaver Eğitim sayfa listesi. Link
  • Google kişiye özel harita oluşturmamıza olanak sağlıyor artık. Link
  • Ceyhun Aksan’dan “WordPress İpuçları ve SEO” makalesi. Link
  • Teknosyer’den çok güzel bir makale “ASP sistemden WordPress’e geçiş” . Link

07 Kasım 2006 Web’den haberler

  • Gün geçmiyor ki bir ajax veya javascript kütüphanesi çıkmasın İşte link topluluğu
  • İstediğiniz web adresinin anında internet üzerinden pdf hazırlayan site
  • Mailing hakkında bir çok makaleyi toplayıp bizim hizmetimize sunulmuş. Link
  • Web tarayıcılarının hızını test etmişler. Nerdeyse tüm web tarayıcılarını teste dahil etmişler. Link
  • Firefox’un en çok kullanılan Tab Mix Plus eklentisinin yenisi çıkmış.
    Link
  • Adobe ve Mozilla Açık Kaynaklı Flash Player Script Motoru üzerinde çalışmak için anlaşmışlar. Link

« Önceki Yazılar

Kategoriler

Kitap

CSS'e başlangıç Uzun süredir üzerinde çalıştığım CSS’e başlangıç kitabımı bitirdim. Aslında buna bir kitap demek ne kadar doğru bilmiyorum. Tam doğru tanımı makalelerimin derlenip düzenli hale getirildiği bir e-doküman demek daha doğru olur. Bu kitap makalelerimi derleyip hazırladığım ilk kitap. İnşallah ikinci kitabıda yazmayı düşünüyorum. Zaman ve imkânlar nispetinde 2. kitapta çıkacaktır.