HAZIRKOD71
KIYMAZLAR  
  Ana Sayfa
  İletişim
  Üyelik formu
  Üye Giriş
  Ziyaretşi defteri
  SİTENE BURÇ KODU
  SİTENE HABER KODU
  SİTENE SPOR KODU
  SİTENE SPOR HABER KODU
  MOUSE KODLARI
  SİTENE AÇILIR MENÜ
  YOUTUBE VİDEO İNDİR
  İL TANITIM KODU
  ŞANS OYUNLARI KODU
  TV'DE BUGÜN KODU
  KAYAN YAZI KODU
  SAAT KODLARI
  SİTENE RADYO EKLE
  SİTENE TV KODU
  SİTENE BAYRAK KODU
  SİTENE GÜNÜN SÖZÜ
  SİTENE E-DEVLET KODU
  İLLER ARASI MESAFE KODU
  İDEAL KİLO HES.KODU
  KALORİ HES.KODU
  PEYGAMBERLER TARİHİ KODU
  DEĞİŞEN RESİM KODU
  HANGİ GÜN DOĞDUN KODU
  PSİKOLOJİK SÖZ.KODU
  AŞK ÖLÇME KODU
  OSMANLI PADİŞAHLARI KODU
  MP3 KODU EKLE
  ONLİNE SÖZLÜK KODU
  BİLGİSAYAR SÖZ.KODU
  RÜYA TABİRLERİ KODU
  COĞRAFYA SÖZLÜĞÜ KODU
  SESLİ KUR'AN KODU
  VİDEO KODU
  KUR'AN-I KERİM MEALİ KODU
  DÖVİZ KODU
  ARKADAŞINA TAVSİYE ET KODU
  SİTE İÇİNDE SİTE AÇMA
  TÜM RENKLER KODU
  SAYFA GEÇİŞ EFEKTİ
  FARENİN KENARINDA İSMİN DÖNSÜN
  BANNER KODU
  WEB KAYNAKLARI
  SİTE GİRİŞ (İNTRO)
  HTML ÖĞREN
  BİLGİ YARIŞMASI KODU
  SİTENDE HTML KODU YAYIMLA
  T.T.FATURA SORGULAMA
  ARKA PLAN RENK DEĞİŞTİRME KODU
  ÜCRETSİZ HİZMETLER KODU
  ÜCRETSİZ BANNER VE BUTON SİTELERİ
  OYUN ARAMA MOTORU KODU
  ANİMASYON KODU (BALIK)
  NE MUTLU TÜRKÜM DİYENE KODU
  HTML KODU YAYIMLA
  SİTENE FIKRALAR MENÜSÜ
  EMEĞE SAYGI KODLARI
  RESİMLERİNİ SLAYT YAP
  SAĞDAN SOLA KAYAN RESİMLER
  DEĞİŞİK HTML KODLARI
  ARKA PLAN KODU
  PROGRAM İNDİR
  ARKA PLAN KODLARI
  OYUN KODLARI
  SAĞ TIK ENGEL KODU
  DÜNYA HARİTASI KODU
  VARMISIN YOKMUSUN KODU
  HABER PROGRAM KODU
  ARKA PLAN MÜZİĞİ
  ANİMASYON KODU (10)
  FIKRA KODU (10)
  KARİKATÜR (5)
  KOMİK FİLM KODU (5)
  OYUN HİLESİ KODU (50)
  EN KOMİK SES KODU (50)
  MP3 KODU (50)
  KOMİK YAZI KODU (50)
  SAYAÇ KODU
  AÇILIR MENÜ KODU
  ÖLEN İNSANLARIN HAS.KODU
  KAR YAĞDIR KODU
  BELGESEL İZLE
  FAYDALI LİNKLER
  FLASH ANİMASYONU OLUŞTURMA
  ŞARKI SÖZLERİ
  ICEBLUE (Buton)
  BUTON KODU (RED)
  BUTON KODU (BUTTERFLY)
  SAYAÇ KODLARI
  GİF ANİMASYON
  Hİ5 KODLARI (Hİ5 Codes)
  SÜPER OYUN KODLARI
  MSN İFADELERİ
  JavaScript Dersleri
  CSS HAZIR MENÜ
  KOD YAYINLAMA KUTUSU
  TABLO İÇİNE RESİMLİ LİNK VERME KODU
  RENKLİ ÇERÇEVE KODU
  SİTE ÜSTÜNE BUTON EKLEME
  BLOGSPOT ŞANLONU
  Kayan Yazı Şablonu
  ANİMASYONLAR
  BEDAVA WEB SİTELERİ
  REKLAM VEREN SİTELER
  REKLAM AL PARA KAZAN
  ADSENSE TAKTİK
  TIKLAMA BAŞINA REKLAM VEREN SİTELER
  SİTENE CBOX EKLE
  SİTENE LİSTE EKLE
  YOUTUBE GİRİŞ
  İNTRO (Türkiye)
  SİTENE VİDEO EKLE
  HESAP MAK.EKLE
  ESMA-ÜL HÜSNA
  SİTENE SİNEMALARDA BU HAFTA EKLE
  SİTENE GAZETE EKLE
  SİTENE DUA OKU KODU
  HAVA DURUMU EKLE
  TÜRKÇE-İNG.SÖZLÜK EKLE
  AŞK TESTİ EKLE
  FORMAT ATMAK
  SİTENE GÜNLÜK DEĞİŞEN RESİM EKLE
  NAMAZ VAKİTLERİ KODU
  TELEFON ŞAKASI KODU
  Bedava Sitem.Com
  YAZIYA LİNK VERME
  SAAT YAP KODU
  MOUSE ETRAFINDA DÖNEN SAAT KODU
  YENİ GİFLERİ
  BUTON YANINDA YANAN GİF
  ATEŞ VE KILIÇ GİFLERİ
  EKRANIN FOTOĞRAFINI ÇEK (Prent Screen)
  5 DAKİKADA 27 DOLAR KAZANIN
  TTNET KAMPANYA
  MOONSTAR.CC (Gir Sende Kazan)
  eXtra-kontör (Sende Kazan)
  KOLAY PARA ORG (Sende KAzan)
  TürkPTC (Sende Kazan)
  REKLAMGEN (Sende Kazan)
  renkli Bir COm (SEnde Kazan)
  İMKB KODU EKLE
  KODUNU TEST ET
  YATAY MENÜ EKLE
  CANLI MAÇ KODU
  SİTENE RESİM EKLEME KODU
  SİTENE İNG.ÇEVİRME KODU
  Top liste
  SİTENE DİNİ GİF
  ICEBLUE TASARIM ANLATIMI
  CSS TASARIMLAR
  PHOTOSHOP DERSLERİ
  SİTENE HUKUK HABERLERİ
  2.LİG PUAN DURUMU
  SAYFA YÜKLENİYOR KODU
  İLERİ-GERİ TUŞU
  SİTENE KIVRILAN SAYFA
  HTML DİLİ (UYGULAMALI)
  Bedava Domain ve Hosting
  online radyo
  Google arama motoru
  Domain Sorgulama
  SAYAÇ KODU YENİ
  arama motoru kelimeleri
  YAZARIN YAZDIKLARI
FLASH ANİMASYONU OLUŞTURMA
 HTML Sayfası Üzerinde Transparan Flash Animasyonu Oluşturma

Bu animasyon özellikle incredimail adlı bir mail programının hazırlanmasından sonra popüler olmuştur. Bizim animasyonumuzda salyangoz sayfada 3 kez hareket edecek şekilde hazırlanmıştır.

Sayfamızdaki salyangoz animasyonu incredimail`den alınmıştır.Şayet HTML sayfası üzerinde oynatacağınız animasyon içinde resim dosyaları bulunuyorsa arkaplanın şeffaf olmasına mutlaka dikkat ediniz.

Çok çarpıcı bir görünüm oluşturmasına rağmen animasyonun hazırlanma tekniği son derece basittir ve esas görevi flash değil bir javascript kod grubu sağlamaktadır.

Animasyonu oluşturalım:

1- Önce istediğiniz ebadlarda flash animasyonunuzu oluşturun. Şayet bir resim içerecekse önceden de belittiğimiz gibi resim arkaplanını transparan olarak hazırlayın.

2- Sistem şöyledir. HTML sayfasının üzerine identifier adı verilmiş bir layer eklenir . Bu layer içine flash animasyonu alınır ve layer için kodlara eklenen DIV etiketinden hemen önce aşağıda bahsedilen javascript kodu eklenir. Dreamweaver kullanılıyorsa işlem daha kolay gerçekleşecektir. Önce sayfa üzerine bir layer ekleyin.Layerın içini tıklayarak seçin ve ana menüden swf dosyanızı yükleyin. Kodları açıp swf dosyasının bulunduğu dizine:

<param name=wmode value=transparent> eklentisini yapın. Bu basit işlem animasyonunuzu çalıştıracaktır.

3- Dreamweaver kullanmak istemiyorsanız 2. şıkta anlatılanları unutun ve alttaki satırları dikkatle okuyun.

HTML sayfanızı açın. Üstteki menüden Görünüm--> Kaynak seçeneğini tıklayın.Sayfanızın kodları gözlenecektir. Şimdi alttaki kodları kopyalayıp Sayfanızdaki arzu edilen alana yapıştırın:

<script type="text/javascript">
document.writeln('<style type="text/css">');
document.writeln('#layer_ID_Adi {position:absolute; left:'+(document.body.clientWidth-750)+'px; top:'+(document.body.clientHeight-350)+'px; visibility:visible;}');
document.writeln('</style>');
</script>
<div id="layer_ID_Adi">
<object ID="jumpad" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#4,0,0,0" width="750" height="110">
<param name="SRC" value="snail_splash.swf">
<param name=wmode value=transparent>
</object></div>

Önemli kısmlar renkli olarak yazılmıştır. Kırmızı ile yazılan yerler div etiketi ile eklediğiniz layer identifier adıdır.

Yine kırmızı yazılan 750 rakamı ve 350 rakamı swf dosyası animasyonunun sayfanın hangi kısımlarında oluşacağını belitmektedir.750 sol kenar 350 ise üst kenara göre planlanır.750 değerini ne kadar küçültürseniz animasyon başlama yeri o kadar sağa doğru kayar. 350 değerini azaltırsanız animasyon aşağı, çoğaltırsanız yukarı doğru yerleşim gösterir. Uygun değeri deneme yanılma yolu ile bulabilirsiniz.

Film mutlaka transparan kaydedilmelidir.Bu nedenle <param name=wmode value=transparent> dizini eklenmelidir.

Dikkat etti iseniz flash kodları arasında EMBED tagı yok. Buradan çıkan sonuç doğal olarak şu oluyor. Bu tür bir sayfa sadece windows işletim sistemine sahip bilgisayarlarda gözükecektir.

Anlatım tarzımızın çok teknik olmadığının farkındayım. Önemli olan bu tür animasyonun teknik ifadesini değil uygulanabilirliğinin kolay olmasıdır diye düşünüyorum. Hazırlamada sorunlarınız olursa lütfen e-mail yolu ile bağlantı kurunuz.






Bu sayfa hakkında yorum ekle:
İsminiz:
Siteniz:
Mesajın:

 
   
Reklam  
   
Bugün 5 ziyaretçi (65 klik) kişi burdaydı!
=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=