Flash ile arka plan resmini tam ekran (fullscreen) yapmak..

03 Eylül 2009, admin

[adrotate group="2" banner="1"]

flash_cs3 Bu dersimizde; Flash ile bir arka plan resminin (background image), browser’larda tam ekran (fullscreen) olarak görünmesini sağlayacağız. Ayrıca, bu arka plan resmi, farklı çözünürlüklerde bozulmadan, orantılı bir şekilde görünecek.

Şimdi derse geçelim; bu arada Actionscript 2.0 kullanacağım…

İlk olarak sahnemize resmimizi import edelim (File/Import/Import to Stage) (CTRL + R). Benim resmim 480×288 px boyutunda… Sahne boyutunu da aynı ölçüye getiriyorum (boşluğa tıklayarak aşağıda Properties (özellikler) panelinde Size (ölçü)’den).

Resmimi yine özellikler panelinden sahneye tam olarak oturttum (x,y).

Not : Boyutları küçük olan bir resim seçtim. Siz büyük boyutlu bir resim seçebilirsiniz. Ayrıca Sahnenin resim ile aynı ölçüde olmasının bir anlamı olmadığı gibi resmin sahnede nerede olduğu da benim için önemli değil, Çünkü bu iki durumu da Actionscript ile halledeceğim ama aşağıda yeni öğrenenler için bir durumu anlattım onun için böyle yapıyorum. Yani resmi sahneye tam oturtmasanız da sahne boyutunu resimle aynı ölçülere getirmeseniz de aynı sonucu elde edersiniz..

Tamamdır, şimdi resmi Movie Clip yapacağım.

Resim seçili iken F8 (Modify/Convert to Symbol)’ e basıyorum ve karşıma Convert to Symbol (Sembole Çevir) penceresi geldi. Burada Type olarak Movie Clip’i seçiyorum, Name kısmına imageMC yazdım ve son olarak Registration olarak Merkezi seçiyorum. Okeyledim, artık sahnede imageMC isimli bir Movie Clibimiz var.

Not : Registration (Point); Kayıt noktası da denebilir. Bu nokta Movie Clip(MC)’in 0 noktasıdır. Eğer MC’ye çift tıklayıp içerisine girerseniz, resmin sahneye tam oturmasına rağmen x ve y değerlerinin negatif rakamlarda olduğunu göreceksiniz. Çünkü kayıt noktasını merkez olarak belirledik. Eğer sol üst köşe olarak belirlemiş olsaydık resim x ve y değeri olarak MC’nin içerisinde 0 değerini alacaktı. Bunu anlatıyorum çünkü eğer flash’i yeni yeni kullanmaya başlıyorsanız öğrenmeniz gereken ilk şeylerden birisi bu. Çünkü flash, Animasyonu oluştururken bu noktayı feyz alır. İleride karmaşık projeler ile uğraşırken size sorun çıkarabilir ki şu anki örneğimizde de eğer merkezden farklı bir kayıt noktası seçerseniz, dersin sonunda animasyonu çalıştırdığınızda resmin farklı bir yerde çıktığını görürsünüz.

Unutmadan Movie Clibimize bir instance name (örnek isim) vermemiz gerekiyor. Movie Clibin üzerine tıkladım ve Özellikler panelinden image_mc ismini verdim.

Neyse devam edelim; şimdi yeni bir Layer(katman) ekliyorum (Insert/Timeline/Layer). Bu katman Actions katmanı olacak. Yeni yarattığım katman seçili iken F9 a basıyorum ve Actions paneli açıldı. Aşağıdaki kodu buraya ekliyorum.

Stage.scaleMode = "noScale"; Stage.align = "TL";

var stageListener:Object = new Object(); Stage.addListener(stageListener);

setBackground();

stageListener.onResize = function() { setBackground(); };

function setBackground() {

var middleX = Stage.width/2; var middleY = Stage.height/2;

image_mc._x = middleX; image_mc._y = middleY;

image_mc._width = Stage.width; image_mc._height = Stage.height;

if (image_mc._xscale > image_mc._yscale) { image_mc._yscale = image_mc._xscale; } else { image_mc._xscale = image_mc._yscale; } }

Actionscriptimizi de ekledik, şimdi kodu açıklayalım:

İlk başta flash’e boyut sınırlaması yapmamasını söyledik, ve hizalamayı TL olarak atadık( T: top (üst), L: left (sol)).

Sonra bir stageListener objesi yaratıyorum ve shaneye ekliyorum ki sahne ölçüleri değiştiğinde istediğimiz fonksiyonu çağırabilelim.

İlk olarak setBacground() fonksiyonunu çalıştırıyorum.

Sahne ölçüleri değiştiğinde, fonksiyonu tekrar çağırıyorum.

En son olarak ta fonksiyonumuzu tanımlıyorum.

Fonksiyonda ilk önce sahnenin orta noktasını, yarattığım değişkenlere (variable) atadım. Daha sonra image_mc örnek isimli resmimi bu noktalara yerleştirdim, yani sahneye ortaladım. Resmimin genişliğini ve yüksekliğini sahne boyutlarına eşitledim, ve son olarak if else kullanarak orantıyı oluşturdum, yani bu son kısım oranlı büyüme ve küçülmeyi sağlıyor.

Şimdi CTRL + ENTER ile animasyonu çalıştıralım ve kenarından köşesinden çekiştirelim resmin oranlı olarak büyüyüp küçüldüğünü göreceksiniz.

Buraya kadar herşey yolunda gittiyse, publish (yayınlama) işlemine geçebiliriz.

Publish Settings (yayınlama ayarları)’e giriyorum (File/Publish Settings – CTRL + SHIFT + F12).

Burada Dimensions kısmını Percent (yüzde %) yapıyorum (Width 100, Height 100).

Scale olarak No scale seçiyorum,

Flash alignment‘ı Center Center olarak ayarlıyorum ve publish butonuna tıklıyorum. Tamamdır.

Şimdi, dosyanızı nereye kaydettiyseniz, Flash, oraya bir tane html dosya ile bir javaScript dosyası (AC_RunActiveContent) çıktısı veriyor.

Burada html dosyasını açıyorum ve arka plan resmimin, kenarlardaki boşluklar haricinde browswerda arka planı kapladığını görüyorum. Son olarak ufak bir CSS koduyla kenar boşluklarını da kapatalım. Şöyle ki;

Html dosyamı herhangi bir html editöründe (Dreamweaver, Note Pad,..) açıyorum ve <head> etiketi içerisine aşağıdaki CSS kodunu ekliyorum.

<style type="text/css">
body { height: 100%; width: 100%; margin: 0; }
</style>

Evet bu kadar, artık istediğiniz gibi denemeler yapabilirsiniz. Browser’ınızı hangi çözünürlükte açarsanız açın, arka plan tam ekran ve orantılı olarak gözükecektir.

Bu günlük bukadar. Kaynak dosyayı buradan indirebilirsiniz. Teşekkürler…

(5 votes, average: 4,60 out of 5)

Loading ...

:Actionscript 2.0, as2, as2 tam ekran, Flash, flash tam ekran, fullscreen, tam ekran

50 yorum var:

can
Ekim 24th, 2009 on 20:26
verdiğiniz bilgiler için teşekkürler
benim şöyle bir sorunum var.resmimi ben öncelikle photoshop da açtım ve link vereceğim yerleri dilimleme aracı ile seçtim ve web için kaydettim.kaydettiğim html yi dreamweaverda açınca birden fazla width ve height seçeneği geldi code bölümünde.normalde tek bir resim olduğunda width ve height değerlerini 100% yapınca ekranı resim kaplıyordu ama şimdi birden fazla olduğu için yapamadım.
yardım ederseniz sevinirim…
admin
Ekim 25th, 2009 on 07:48
Sorunuzun flash ile yani benim yukarıda anlattığım konu ile pek ilgisi yok, ancak anladığım kadarıyla Photoshop’tan çıkardığınız bir html dosyasını tam ekran yapmak istiyorsunuz. Öncelikle, bunu yapabilmeniz için resminizin tek parça olması lazım, resmi parçalara ayırdığınızda bunu yapmanız mümkün değil en azından ben öyle biliyorum.. Ayrıca tam ekran yapacağınız bir arkaplan resminin belirli yerlerine link verebilmeniz için (ki bunu yapan bir web sitesi görmedim, görürseniz banada gösterin); resmi kesmenize gerek yok. Bunun CSS ile yapılabiliyor olması lazım ama CSS’i de iyi derecede biliyor olmanız gerekir..
MEMO
Aralık 12th, 2009 on 05:34
AS3 DE BU KODLARI NASIL ÇALIŞTIRIZ?
YANİ AYNI OLAYI NASIL YAPARIZ=?
admin
Aralık 13th, 2009 on 08:26
Sorduğun konuyu burada anlattım. İlgine teşekkürler..
Tolga Yıldız
Aralık 18th, 2009 on 06:05
flash ta çok iyi değilim çok ta kötü de değilim AS konusunda eksiklerim var verdiğiniz scripte ufak bir ek yapmaya çalıştım kısmen çalıştı ama çalışmama olayı neden oldu anlamadım sorun şu ;

image_mc içine girip ilk frame ine

loadMovieNum(“hede.jpg”,1);

kodunu ekledim resim geldi. ama sıkıntı şu ki image_mc içinde gibi gormuyor sanirim kendini ekran çöznürlüğüne ayak uydurmuyor çünkü hep sait boyutta.

bunu yaparken amacım bu şekilde her sayfa yenilendiğinde random bg oluşturmak. bu olayı yapabilseydim gerisi kolaydı.

umarım anlatabilmişimdir konuyu bana bu konuda yardımcı olabilirmisiniz.
admin
Aralık 18th, 2009 on 10:03
Anladığım kadarıyla resimi dışardan almak istiyorsun. loadMovieNum yerine loadMovie kullanabilirsin. Ben şöyle yaptım; Yeni bir boş movieclip oluşturdum “imgmc” adında, örnek ismini de img_mc verdim. Bu klibi image_mc içerisine tam üst köşeye yani benim örneğime göre -240 ile -144 pozisyonuna yerleştirdim (normalde bu klibi eklemeden de yapabilirsin ama dışarıdan yeni bir yerleşim belirlemen gerekli). Sonra dışarıda as layerında, ilk açıldığındaki yerleşimimi sağlayan MiddleX ve MiddleY kodlarımı kopyalayıp dinleyici objemi oluşturtuduğum kodun üzerine ekledim ve onun da üstüne _root.image_mc.img_mc.loadMovie(“image.jpg”); kodumu ekledim. Yalnız dinleyici objemin altına eklediğim, ilk görünüş için çalıştırdığım setBackground() fonksiyonumu kaldırıyorum. Kaynak dosyayı buradan indirebilirsin.
yapin
Mart 9th, 2010 on 05:36
merhabalar bir iş için böyle birşey ihtiyacım oldu internetten aramalarım sonucu buldum buerayı öncelikle emeğiniz ve paylaşımınız için teşekkürler…

söyle bir durum var şimdi arka planda kullandığım resim yada movie clip sözünürlüğe göre yukardan yada aşağıdan kesiyor duruma göre ama ben kesmesini istemiyorum yani çözünürlüğe göre resmi yada movie clip i hem tam ekran yapsın hemde hiçbir yerden kessin istemiyorum resmin sünmesi sorun değil bu arada

cevap verebilirseniz çok sevinirim teşekkürler …
admin
Mart 9th, 2010 on 13:53
O şekilde yaparsanız, arkaplana koyduğunuz resim veya mc bozulur. Ama olsun bozulsun diyorsanız; Fla dosyanızda, sahneye, tam sahne boyutlarında bir resim yerleştirin.. dosyanızı publish etmeden önce, dersin sonunda anlattığım publish ayarından sadece scale ayarını Exact Fit yapmanız yeterli olacaktır. Diğer ayarlar aynen anlattığım gibi kalmalı.. Ayrıca orada verdiğim css kodunu da html dosyanıza yerleştirirseniz kenar boşlukları da kapanır ve istediğiniz durum oluşur. Yani kod falan girmeye gerek kalmadan işi flash publish ayarlarından çözebilirsiniz.
yapin
Mart 16th, 2010 on 05:20
eyvallah dediğin gibi yaptım denedim olmadı ama flash içindeki koda yazdığımız;

Stage.scaleMode = “noScale”; kodunu
Stage.scaleMode = “exactfit”;

yaptım o zaman istediğim gibi oldu teşekkür ederim.
admin
Mart 16th, 2010 on 06:12
ben içerideki noScale kodunu untmuşum..:)
zeynep
Nisan 13th, 2010 on 03:28
merhaba
ben dediklerinizi yapıyorum. 1014X780 lib bir flash arka fon yapıyorum.üzerine aynı ölçüder bir image fon yerleştiriyorum. evet tam ekran oluyor ama üzerine koyduğum butonlar- ve yüklediğim swf ler bir çözünürlülükte tam ortadayken, diğerinde sağa doğru kayıyor. logo yok oluyor.
neden acaba bu sorun nerden kaynaklanıyor.

zeynep
admin
Nisan 13th, 2010 on 16:07
Sorununu tam anlamasam da,
arkaplanınla diğer sonradan koyduğun yapını, birbirinden farklı mc ler içerisinde tutarsan sorun çıkmaz. Ayrıca, oluşturduğun mc lerin referans noktasını belirlerken dikkat et. Sorun bundan da kaynaklanıyor olabilir. Tabi bunları konuyu tam anlamadan yazıyorum, sorunu görmeden fikir yürütmek pek yararlı olmayabilir…
fevzi
Mayıs 13th, 2010 on 16:05
hocam verdiğin bilgiler için teşekürler,
bu anlattıgın olay tıkır tıkır çalışıyor.
benim takıldıgım durum şu oldu, ben her frame de farklı bir fotograf kullanmak istiyorum.bunun için aynı kodu isimleri değiştirerek denedim ancak başarılı olamadım. o frame için farklı bir movi yaptım o da olmadı.

(yani ben anasayfa,hakkımızda , iletişim gibi sayfalarda farklı arka planlar kullanmak istiyorum)
teşekkürler. umarım derdimi anlatabilmişimdir.
admin
Mayıs 14th, 2010 on 13:47
örnek dosyada; resmi barındıran image_mc isimli klibin içerisinde, istediğin kadar frame oluşturup, her birine istediğin resimleri ekleyebilirsin.. Sonra, ana sahneden bir buton tıklaması ile image_mc isimli klibin içerisindeki, istediğin frame e gidebilirsin. Bu şekilde çalışıyor olması lazım. Yani önemli olan aynı klip içerisinde olmaları.. Ancak bu şekilde yüklediğin resimler flash içerisinde barınacağından dosya boyutunu şişirecektir. Bu gibi durumlarda xml kullanmanı öneririm..
Murat
Haziran 19th, 2010 on 14:31
Hocam ders için çok saolun konuyu hortlatmak istemezdim ama…verdiğiniz uygulamayı aynen yaptım sorun yok fakat flash içerisindeki background pozisyonu “TL” olduğu için sitenin asıl içerik kısmıda “TL” olarak yerleşiyor…sadece “T” yapınca css margin kodu işe yaramıyor boşluklar pencere durumuna göre artabiliyor…nitekim sizden ricam şu background scale olabildiği halde içerik “center” ya da “Top” ve “noScale” kalabilir mi? yardımcı olursanız sevinirim…
iyi çalışmlar
admin
Haziran 20th, 2010 on 08:06
Sayfan komple TL olsa da içeriğini ortalayabilirsin, bunun için yapman gereken içeriğinle arkaplanını ayrı movieCliplerde tutmak. Arkaplanının kodu zaten ayrı, içeriğinin kodunu da ona göre yapabilirsin. İçerik ortalama için bu derse bakabilirsin (orada da TL kullanmışım). Yani ana sahnende iki klip olmalı biri arkaplan için, diğeri içeriğin için.. Kolay gelsin..
Murat
Haziran 20th, 2010 on 11:01
Hocam link te verdiğiniz dersi inceledim…çok teşekkür ederim fakat benim çalışmamda background üzerinde 40 küsür layer var her biri için yeri belirlemem mi gerekiyor yoksa folder içine alınca yapılabiliyormu…lütfen acil yardım…her bir layer e isim verip yerleşim yapmak…pek akılcı değil gibi…:S hepsini “center” yapmak için ….neyse hocam anlatabilmişimdir umarım..yardımlarınız için teşekkür ederim…
admin
Haziran 20th, 2010 on 12:00
Folder sistemi sadece düzen için geçerlidir başka bir işe yaramaz. Daha önce de söylediğim gibi, ana sahnende iki klip bulunmalı biri arkaplan için olan diğeri ise bu bahsettiğin merkeze almak istediğin içerik için olan. Sorunu ancak bu şekilde çözebilirsin. İçeriğini barındıran klibine(movieClip), örnek verdiğim dersteki gibi yerleşim yaparsan sorun çözülür. Ek olarak eğer merkeze alacağın klibin içerisinde görünmez (alpha’sı 0 olan) bir arkaplan daha oluşturursan, içerik klibinin de boyutlarını belirlemiş olursun, dolayısıyla ana sahne üzerinde hizalamak daha kolay olur (klibini oluştururken referans noktasına dikkat et, o derste anlattım). Yalnız burada dikkat etmen gereken konu; merkeze alacağın klip içerisinde, sayfa çözünürlüğüne göre merkezden farklı yerlerde bulunmasını istediğin yapılar var ise, onları o klip içerisinden çıkraman gerekir. Çünkü onlara da farklı bir yerleşim kodu eklemen gerekir.
Murat
Haziran 20th, 2010 on 16:35
Peki hocam 40 küsür layer i bir movieClip içine toplamam mümkünmü…bu sayede konum olayını haleldebilirim…fakat şunu da söylemekte fayda var; bu bahsi geçen layer ların bir çoğunda actionScript ler var butonlar falan filan yani movieClip içine girince çalışmama durumu …..?? tabi girerse… amacım sizin de anlattığınız gibi 2 layer haline getirmek…biri background özelliğini oluşturacak diğeri içerik…ama ben bunu yapamıyorum :S:S:S walla hocam beynim durdu…yardım edersen çok sevinirim…ha bi de merkezden farklı yerde durmasını istediklerin varsa onları clip içinden çıkarman lazım demişsin çıkarsam onlar bağımsız kalır background, pencere küçülüp büyümesine göre değişiyo ya çıkarılan layer lar da bu durumdan etkilenmez “TL” olur. Hocam benim canımı sıkan bunu internette bir sürü sitede görüyorum…ben yapamıyorum..delirmemek içten değil…vakit ayırdığınız ve sabrınız için teşekkür ederim…
admin
Haziran 21st, 2010 on 17:33
Bir klip içerisinde yeri geldiğinde 250 ve üzeri layer topladığım oldu. Dolayısyla layer sayının fazla olmasının bir anlamı yok. Ancak ben genellikle xml yapı kullandığım için, benim layerlarımda frame sayısı 1 de kalır. Sen eğer içeride, animasyonlarını timeline üzerine yaydıysan belki sorun çıkabilir. Önerim; kodlamalarını ana sahnede toplaman, içeride oluşturduğun kliplere, instance name(örnek isimlerle) ulaşabilirsin. Bu şekilde yaparsan sorun çıkmayacaktır. Aslında diğer türlü de sorun çıkarmayabilir, ama dediğim gibi animasyonlarını nasıl oluşturduğunu bilmiyorum. Klip içerisinden çıkardıklarım TL olur demişsin. Zaten sen başta oraya TL veriyorsan senin flash animasyonun veya siten herşeyiyle TL pozisyonlama alır. Ben sana şunu söylemek istedim: Mantık şu şekilde gelişir; Sana örnek verdiğim pozisyonlama ile ilgili derste, sitenin 5 köşesine yerleşim yapıyorum. Şöyle düşün; sitenin 5 köşesinde de içeriğin olacak, bir de arkaplanın. Arkaplanın ayrı bir klip içerisinde diğer içeriklerinde 5 ayrı klip içerisinde olacaklar. Bunların yerleşim kodlamasını ana sahneden yapacaksın, bunu yaptıktan sonra o 5 klibin içerisine istediğini koy, ister butonlar oluştur, ister resimler koy, onlar yerleşimlerini üst sahneden aldıkları için sorun çıkarmayacaklardır. Tek sorun çıkaracak durum; bu içerik kliplerinin içerisinde yarattığın; buton veya herhangi bir objeye, yerleşim değişikliği veya boyut büyütme gibi animasyonlar verirsen, bu durum, içinde bulundukları ana klibin genişliğine etki edeceğinden, klibinin sahnedeki konumlanması da değişecektir. İşte bunu önlemek için; Bu ana klip içerisinde yer alan objelerin hareket alanlarından dahabüyük bir arkaplan oluşturup, onunda alfasını 0 yaparsan, ana klibinin genişliğini ve yüksekliğini sabit tutmuş olursun. Sonuç olarak O klip içerisinde bulunan objeleri, o arkaplanın büyüklüğünü aşmayacak şekilde hareket ettirebilir ve büyütebilirsin. O sınırları aşmadığın sürece ana klibin, başta belirlediğin pozisyonlamada sabit kalacaktır(kliplerini oluştururken referans noktalarına dikkat etmelisin). Eğer bu şekilde de yapamazsan fla dosyanı gönder bi bakayım. Kolay gelsin..
ali
Ocak 9th, 2011 on 05:12
herşey iyi güzelde biz bu flashın boyutunu 480*288 değilde, 1024*768 yaptığımızda herşey bozuluyor. Birde bu ebatlarda örnek yapabilirmiyiz?
admin
Ocak 9th, 2011 on 12:26
Sorun referans noktasından kaynaklanıyor olabilir. Benim verdiğim örnek dosyayı kullanıyorsan bu sorun çıkabilir. Çünkü, benim oraya koyduğum resmi kaldırıp kendi resmini koyarsan eğer, (ki senin resminin boyutları farklı) MC’nin referans noktası tam orta olmayacaktır. Durum böyle olunca arkaplan resmi başka noktalarda çıkacaktır. Önerim; dersi baştan takip edip kendi flashini oluşturman yada, benim dosyayı kullanacaksan (1024×768′e göre) resmini, mc içerisinde x’te pozisyonu -512, y’de de -384 olacak şekilde ayarlamalısın.. Ozaman olur diye tahmin ediyorum.. Yok olmadı yolla bakalım… Kolay gelsin..
carlito
Ocak 19th, 2011 on 15:33
merhaba,ben şöyle birşey deniyorun 2 flash dosyayı bir html içine koydum biri full bg olacak biride içerik olacak içerik üstte bg alta çalışıyor fakat html içinde bg swf nin altında 5 pixel kadar boşluk oluşuyor ne yaptıysam boşluğu kaybedemedim css ile fixed yaptığımda oluyor ama bnu seferde flash değilde image gibi çıkıyor yani sağ tıkladığımda flash menu yerine html menu çıkıyor içerik swf boyutu 1026*724 sayfada scroll olsun içerik swf için ama bg swf sabit fixed şekilde çözünürlüğe göre değişmesini istiyorum sizin verdğiniz şekilde çözünürlük değiştiğinde bg swf ye zoom yapıyor kenarlardan kesiyor bunun tam oturmması için ne yapabiliriz fikriniz varmı?teşekkürler
admin
Ocak 19th, 2011 on 17:13
Olayı tam anlamasamda, bir kaç soru sorayım ve bilgi vereyim; Öncelikle Flash dosyanı niye ayrıyorsun? 2 yerine tek flash dosyada içeriğinle arkaplanını beraber kullanmalısın.. O zaman bu sorunları yaşamassın. Benim verdiğim örnek full sayfa içindir. Yani farkettiysen css ile bir kaç işlem yaparım ve sayfayı tam kullanırım. Browser’a Scroll çıkarttırmam. İçeriğim uzun ise flash içerisinde bir scroll bar yaratır herşeyi fullscreen içerisinde çözerim.. Amaç her şeyi kullanıcının ekranına sığdırmak değil mi? Neyse; Alttaki boşluk için * {padding:0; margin:0;} kullanabilirsin. Diğer css kodları kalsın.. Eğer illaki 2 tane flash dosya kullanacağım diyorsan; Bunları css ile birbirlerinin üzerine bindirmen gerekir (yani css ile pozisyonlamayı iyi biliyor olman lazım. Sadece fixed ile çözemezsin.. Çözsen bile ie7 ve ie6 tanımaz, bazı teknikler gerektirir..). Mesela bu site ie6 da bile çalışır; http://ringvemedia.com/introduction , birde buradaki örneklere bir göz at; http://css-tricks.com/perfect-full-page-background-image/ yok çözemedin yolla dosyanı, bakalım.. Kolay gelsin..
carlito
Ocak 20th, 2011 on 13:00
Merhaba,cevap için teşekkürler soruyu daha anlaşılır anlatayım.arka planı ayrrı tutma amacım bg de animasyon veya video yayınlayabilmek yani sürekli döngü yapacak flash içeriğim 1.5 mb 1026*724 browserda tam oturmuyo yani scroll olması lazım ve bg de 2 yada üstü mb civarında ikisini aynı swf ye koyarsam yükleninceya kadar çok zaman geçer vede bg nin tam oturması lazım scroll yapmıyacak şekilde ayrıca css ile 2 swf yi üst üste bindirdim onda sorun yok herşey yerli yerinde ama dediğim gibi bg nin altında ufak boşluk oluştu margin padding 0 olarak ayarlıyken bile aynı z-index tede aynı sadece fixed yapınca kayboluyo ve ie 8 de içerik görünmüyo ff,chrome da görünüyor.
admin
Ocak 20th, 2011 on 16:10
Eğer vakit sorunun yok ise xml ile çalışmanı öneririm, böylelikle fazla dosya boyutlarından kurtulabilirsin. Arkaplana video da atarsın resim de.. Ben 90% xml ile çalışırım ve yararını görüyorum. Neyse sorununu anladığım kadarıyla şöyle çözdüm; (html doctype – transitional olmalı – explorer için gerekli – yoksa çalışmaz) iki katman yaratıyorsun ilkine içeriğini ikincisine de arkaplanı tutacak olan flashini ekle. (bunları id lerle css’e bağla) Ben birincisine(içeriği tutan) “content” dedim ikincisine de “back” aşağıda yazdığım kodu cssine ekle;

* { margin:0; padding:0; } html { overflow-y:auto; } body { width:100%; height:100%; } #content { position:absolute; width:300px; height:auto; top:10px; left:50%; z-index:999; padding:20px; background-color:#999; margin-left:-150px; } #back { position:fixed; top:0; left:0; width:100%; height:100%; overflow:auto; z-index:-998; }

Yalnız ben içeriği flash kullanarak denemedim. Normal html kullandım. (arakaplan benim flash yine tabiki) Dolayısıyla sen Contentine istediğin genişliği ve yüksekliği ver. left:50%; ve margin-left:-150px;(içeriğin yarısı), absolute yapıyı ortaya almak için kullandım. (Senin bunlara ihtiyacın olmayabilir.. kafana göre ekler veya çıkarırsın) Bir de ie7 ve ie 6 da denemedim. Beni buradan haberdar edersin.. Kolay gelsin.. (unutmuşum alttaki flashi yani arkaplanın wmode’unu transparent yapman lazım)..
carlito
Ocak 24th, 2011 on 17:38
Cevap için teşekkürler, olayı şöyle çözdüm

2 ayrı div oluşturdum biri bg biri icerik için ustteki div bg alttaki div icerik bg yi object tagı içinde width height 100% verdim 2 side transparent ayarlı css alttaki gibi herşey tam olması gerektiği yerde

body {
background-color:#000;
margin: 0;
padding: 0;

}
#bg {
background-color: #000;
height: 100%;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 0;
}
#icerik {
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
margin-top: -300px;
margin-left: -775px;
padding: 0px;
}

uğraştırdı ama sonunda iyi oldu.
dqnkhn
Şubat 6th, 2011 on 17:55
Arkdaşlar bi sitenin arka planına flash video ekleme nasıl olur yardımcı olurmusunuz örnek: http://www.emreaydin.org/v2/ acil cvp bekliyorum ltfn
admin
Şubat 8th, 2011 on 14:49
aynı buradaki gibi bir kodlama ile videoyu fullscreen yapabilirsin.. geriye kalıyor videoyu yüklemek, onu da xml den çekebilirsin.. bak burada bir örnek var indir bir incele.. bu linkte de hem as3 hem de as2 de anlatılmış.. bunlar yabancı kaynaktır.. okuyacak pek birşey yok kodlamayı incelersin.. Anlamadığın bir şey olursa sorabilirsin..
zeki
Şubat 11th, 2011 on 15:17
Merhaba şimdi benim bu konu ile yakından alakalı bir sorum olacak cevap verirseniz çok sevinirim elirlmde 800×240 px bir şehit sülieti var. Bu sülieti sitenin en altına koyup üstüne de siteyi oluşturmak istiyorum.

Tabiki en alta koyduğu şehir sülietinin pixele göre orantılı olarak büyüyüp küçülmesi lazım ama fullsreen olarak değil sadece en boy oranı olarak yani her durumda sadece sitenin altında olacak tam ekran değil bunu nasıl yapbilirim acaba.

teşekkür ederim.
admin
Şubat 11th, 2011 on 15:51
Söylediğine benzer şekilde birşeyler yaptım.. Buradan indirebilirsin.. swfobject 2.2 kullandım, sorun yaşarsan son yazdığım derse bakarsın.. kolay gelsin..
kaan
Şubat 12th, 2011 on 08:24
sayın hocam çok yararlı bir anlatım olmuş
peki aynı şeyi video background olarak nasıl yapabiliriz söyler misiniz lütfen şimdiden teşekkür ederim sağolun
admin
Şubat 13th, 2011 on 16:03
birisi daha sormuştu, yukarıda bir cevap yazmıştım.. Takıldığın bir şey olursa yine buradan yazarsın..
Süleyman
Şubat 23rd, 2011 on 08:25
ben fullscreen çalışmasını yaptım fakat indexime bağlı olan bir css dosyası bulunmamakta. Tasarımları daha çok photoshop üzerinde yapıp web sayfası olarak kaydediyorum böylece tasarım bakımından daha zengin oluyor fakat bu tarz konularda tıkanıp kalıyorum şimdi ben bu fullscreen kodunu nasıl indexime yerleştirebilirim ?

Şimdiden teşekkürler…
alkım
Mart 11th, 2011 on 05:31
merhaba, yukarıda yazdığı gibi full screen yaptım çalışmamı exactfit olaraktan background istediğim gibi oldu her çözünürlüğe ayak uyduruyor sorunum içine swf. dosyası çağırdığımda gelen swf. çalışmalarının da perspektifi bozuluyor yani istediğim sadece back çözünürlüğe otursun içeri çağırdığım swf. çalışmaları orjinal halini kaybetmesin, bunu nasıl yapabilirim
admin
Mart 12th, 2011 on 05:05
niye exact fit yapıyorsun ki burada olay zaten no scale kullanarak orantıyı bozmadan resmi büyütüp küçültmek eğer no scale yaparsan bahsettiğin sorunu yaşamazsın..
admin
Mart 12th, 2011 on 05:31
Süleyman Kardeş sorunu tam anlamadım arkadaşım?? css ile mi ilgili (çünkü index falan demişsin) yoksa flash actionscript ile mi ilgili?? Biraz daha açarsan yardımcı olabilirim..
ümit
Mayıs 10th, 2011 on 08:32
merhaba arkadaşlar wordpress ten scripte geçmek istiyorum bunu nasıl yapabilirim film sitesi sitem
mehmet
Haziran 4th, 2011 on 07:24
ben de şöyle bir sorun çıktı. Ben sadece backgroundun ekranı kaplamasını istiyordum. sahnede tl modu kullandığımız için olacak bütün objeler ortalanmıyor. ayrıca çıktı ayarlarından verdiğimiz center center komutu işe yaramıyor.

mantık açısından bakarsanız tl kodunu kullandığımız için bunun olması normal gözüküyor. tl kodu yerine objeleri kullanıdğımız konumda yada center konumunda tutacak bir kod kullanmıyoruz.
hasan
Haziran 5th, 2011 on 16:52
merhaba admin, anlattigin ve aslinda benim de bildigim gibi arkaplanimi yaptim, ancak; menu ve icerik layerim sol ortaya dayandi. TL dedigim icin. yukarida sozu de gecmis aslinda, ayri moviecliplerde tutman gerek demissin, bende ayri olmasina ragmen bu problemle karsikarsiyayim. kodlari tek layerda mi toplamaliyim, ya da her mcnin uzerinde onun as kodu olmali diye bir sey mi var bilemedim. lutfen beni aydinlat admin.
tesekkur ederim.

(icerigimin yani menu_mc min centerda olmasini istiyorum)
admin
Haziran 5th, 2011 on 18:10
Hasan ve Mehmet arkadaşlarım, sorun sizin Kliplerinizi oluştururken seçtiğiniz referans noktalarından kaynaklanıyor. Seçtiğiniz referans noktasına göre pozisyonlama kodu (ona göre değerler vererek) yazmanız gerekmekte.. Ben şu ana kadar yaptığım sitelerde TL hizalamadan başka hizalama yöntemi bir kere falan kullanmışımdır herhalde.. Yani kendim için TL pozisyonlamayı standart haline getirdim.. Kodlarımı da ona göre yazıyorum.. Eğer sorunu çözemezseniz, yazın buraya vakit bulduğumda bir örnek yaparım.. Kolay gelsin..
Serdar
Haziran 16th, 2011 on 02:30
Bilgiler için çok teşekkürler. Çok işime yarayacak. Emeğinize ve bilginize sağlık.
mehmet
Haziran 16th, 2011 on 11:31
sorunu kesin olarak anlamış bulunmaktayım. daha önce dediğim sebebten kaynaklanmıyormuş. sorunun sebebi eğer herhangi bir objeye action script komutu vererek ortalama yaparsanız diğerlerini de aynı şekilde ortalama yapmanız gerekecektir. arka plan dışında obje koymarak yaptığım ortalamalarda sorun çıkmadı.

bu arada sizden bir ricam olacak. örnekler iyi güzel de konumları belirli yerlerde olmayan objeleri nasıl konumlandıracağız. bunu denedim ama istediğim sonucu alamadım. kodlara yükseklik ve genişlik veya x değerleri girmeme rağmen objeler ilginç yerlerde çıktı. bize bunla ilgili basit bir web sitesi örneği verebilir misiniz? eğer mesleki bilgi derseniz anlayışla karşılarım.
admin
Haziran 16th, 2011 on 13:25
Şu örneğe bir bak, yararlı olabilir..
Seçkin
Ağustos 22nd, 2011 on 03:02
Arkadaşlar merhaba Bu konu benim de çok işime yaradı.
yazan arkadaşımıza teşekkür ediyorum. http://owlconcept.com/ sitesine benzer bir site yapıyorum ekran çözünürlüklerindeki bozulmalara karşı ızgara çoğaltma(grid pattern) kullanmak istiyorum.bu işlemi aşağıdaki kod yapıyor ama sadece backgraund a uygulamıyor flash ın tamamına uyguluyor.bunun çözümü varmıdır yardımcı olursanız sevinirim
stage.align = StageAlign.TOP_LEFT;
stage.scaleMode = StageScaleMode.NO_SCALE;

this.stage.addEventListener(Event.RESIZE, resizeHandler);

function resizeHandler(event:Event):void {
setBackground();
}

setBackground();

function setBackground(){
var middleX = stage.stageWidth/2;
var middleY = stage.stageHeight/2;

zemin_mc.x = middleX;
zemin_mc.y = middleY;

zemin_mc.width = stage.stageWidth;
zemin_mc.height = stage.stageHeight;

if(zemin_mc.scaleX > zemin_mc.scaleY) {
zemin_mc.scaleY = zemin_mc.scaleX;
}else{
zemin_mc.scaleX = zemin_mc.scaleY;
}

}

stage.addEventListener(Event.RESIZE, tileBG);

var tile:Sprite;

function tileBG(event:Event=null):void {

//create a reference to the old tile container
var oldTile:Sprite = tile;

//create a new tile container
tile = new Sprite();

//fill the container
tile.graphics.beginBitmapFill(new Pattern(0, 0));
tile.graphics.drawRect(0, 0, stage.stageWidth, stage.stageHeight);
tile.graphics.endFill();

//add the tile container to the display list
addChild(tile);

//get rid of the old container
if (oldTile != null && oldTile != tile) {
removeChild(oldTile);
}
tileBG();
}
tile adında bir png image var kütüphanede classname i Pattern kolay gelsin herkese..
sinan
Ağustos 24th, 2011 on 05:47
merhaba arkadaşlar emegınıze sağlık …
benım burada bı sorunum oldu ama nedenını anlamadım yukarıdakı butun herşeyı yaptım arka plan full screen oluyor ancak çalişma sayfamı html de sol üst kısma yerleştırıyor bunun ortalanmasını ıstıyorum bunu nasıl yaparım ..
admin
Ağustos 24th, 2011 on 08:44
Sorunu tam anlayamadım arkadaşım ama anladığım kadarıyla cevaplıyayım; herhalde arka planı fullscreen yaptın ama üzerine yerleştireceğin içeriğini oratalayamıyorsun?? Eğer içeriğin html içerisinden geliyorsa yani flash değilse olayı, ayrı bir div açıp içeriğini onun içerisine yerleştirip ortalaman gerekiyor. Eğer genişlik veriyorsan margin:0 auto; css kodu ortalayacaktır. Yok eğer içeriğin flash içerisindeyse; farkındaysan ben alignmentta TL pozisyonlama kullanıyorum. Bunun için background’dan ayrı bir clip oluşturup onu ayrı pozisyonlaman gerekli; Bak bu derste aşağıdaki yorumlarda bir örnek yapıp paylaşmışım. Yok bu as3 diyorsan as2 ile ilgili pozisyonlama dersine bir göz at o da burada.. Kolay gelsin..
esra
Ocak 1st, 2012 on 16:31
Merhabalar Admin Yapmış oldugunuz çalışma çok işime yaradı açıkçası bu konularda yeniyim Sayenizde bilgi sahibi oldum. Şöyle bir sorum Var.

Ben bu çalışmanızın üstüne butonumu ekledim. Buna dışarıdan swf çağırdım. Arkaplanım tamekran olduğu halde butonumla çağırdıgım swf orantılı olarak büyümüyor. İmagemc movieclip içinde olduğu halde (buton resim sahnede ne varsa hepsi büyüyor, Orantılı bir şekilde ama swf büyümüyor. Aslında burada yapmak istediğim slideshow ama nasıl nasıl? Flash 8 kullanıyorum actioncsript2
Yardımcı olursanız sevinirim…
admin
Ocak 11th, 2012 on 13:44
Büyümesini istediğin kliplerini yukarıda yazdığım fonksiyona dahil etmelisin. Onun dışında kliplerin referans noktalarına da dikat etmelisin. Slideshow olayı ise farklı bir boyut, ben burada sadece bir resmin browserda çözünürlüğe göre nasıl orantılı olarak büyüyebileceğinden bahsettim. Ayrıca yukarıdaki kod dışarıdan gelecek resim ve swflerde de çalışır. Bir soru üzerine örnek yapıp yorumlara da koymuştum yanlış hatırlamıyorsam. Bunların dışında herhangi bir sıkıntı yaşarsan yazarsın yine buraya olmadı kaynak dosyan üzerinde gideriz. Geç cevap için özür..
ayhan
Ocak 25th, 2012 on 14:12
Merhaba;

Nette ararken buldum konuyu çok faydalı oldu teşekkür ederim.

Şöyle bir şey de yapmak istiyorum arkaya tek resim değil 10,20 tane resim koyup bunların slayt gösterisi gibi geçiş yapamsın nasıl sağlarım aynen bu formda full ekran olacak bütün çözünürlüklere uyum sağlayacak.

Herşey aynı sadece arkaya daha fazla resim ve bu resimler sırayla değişecek nasıl yapabilirim?