CSS ve Flash

Flash MX 2004`de import edilen CSS (Cascading Style Sheets) verileri ile metninizi şekillendirmeniz mümkündür. Alttaki çalışmada 4 ayrı değer yüklenerek metne şekil verilmiştir.

Uygulama kirupa.com adresinden alınmıştır. Harici bir txt dosyasından yüklenen metinlere CSS uygulaması için aynı linke gözatabilirsiniz:

http://www.kirupa.com/developer/mx2004/cssfile.htm

DOSYAYI İNDİR

Uygulama:

1- Flash ile yeterli büyüklükte bir sahne oluşturun. Araçlar panelinden Text Tool aracını seçip properties panelinden Dynamic Text şeçimini yapın.

2- Sahneye yeterli büyüklükte bir dinamik metin kutusu çizin. Properties Panelinde Multiline no wrap ve Render text as HTML butonuna basılı olduğunuzdan emin olun.

Dinamik metin kutusunun instance name alanına output yazın .

3- Ana çalışma bu. Timelineda 1.kareye alttaki kodları kopyalayıp yapıştırın.

var format = new TextField.StyleSheet(); var path = "css_dosya/flash.css"; var quick = "<br><p class='one'>http://www.flashdersleri.com.</p><br><p class='two'>http://www.flashdersleri.com.</p><br><p class='three'>http://www.flashdersleri.com.</p><br><p class='four'>http://www.flashdersleri.com.</p>"; format.load(path); format.onLoad = function(loaded) { if (loaded) { output.styleSheet = format; output.text = quick; } else { output.text = "CSS Dosyasında yükleme hatası!"; } };

4-Oluşturulan flash.css dosyasını içeriği şöyledir:

.one { font-family: Arial, Helvetica, sans-serif; font-size: 8px; font-weight: bold; color: #396780; } .two { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #2D5164; } .three { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #1D3441; } .four { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #000000; }

Kodların Açıklaması:

Flash`ın desteklediği css stilleri aşağıda sıralanmıştır:

Flash`ın desteklediği css stilleri aşağıda sıralanmıştır: