Murat ATASOY: Aralık 2012

24 Aralık 2012 Pazartesi

Flash AS3 Tarayıcı Resize Tespiti - As3 Flash Browser Resize

Tam sayfa veya tam ekran flash kullanıyorsanız kullanıcılar farklı çözünürlükte bilgisayarlarda sayfanızı açacağı için veya kendi isteklerine göre tarayıcıyı büyültüp küçültebilecekleri için içindeki nesnelerinizin tam sayfa olma özelliği değişmesi gerekir.

Aşağıdaki kod tarayıcının resize yani boyutunun değştirildiği anı tespit ediyor. Function kısmında istediğiniz nesnenin genişliği yüksekliği hatta koordinatlarını değiştirerek tasarımınızı düzenleyebilirsiniz.

stage.addEventListener(Event.RESIZE, resizeHandler);
function resizeHandler(event:Event):void {
 klip.klip.klip.height = stage.stageHeight;
 klip.klip.klip.width = stage.stageWidth;
 arkaplan.width = stage.stageWidth;
 arkaplan.height = stage.stageHeight;
}

AS3 Full Browser Flash - Tam Sayfa Flash

Tarayıcının içinde tam sığan bir flash için aşağıdaki kodları yazın.
stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;

Ardından özellikler penceresndeki Edit butonuna basarak Publish ayarlarına girin ve resimdeki ayarları işaretleyin.

Sahnenizde artık birşeyin tam sayfaya yayılmasını istiyorsanız ki ben burda arkaplan isimli bir movieclip'in tam sayfa olmasını istediğim için x ve y koordinatlarını 0 ladım, ardından genişlik ve yüksekliğini sahne boyutlarına eşitleyerek ekranı tam olarak kaplamasını da sağlamış olursunuz.

arkaplan.x=0;
arkaplan.y=0;

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

23 Aralık 2012 Pazar

Html Taglarının Özellikleri Erişin - getAttribute

Web sayfanızda bulunan id'li tagların içine yazdığınız özelliklere nasıl erişirsiniz? Title, Alt, Src gibi özellikleri javascript ile nasıl alınır? Hemen örneği verelim;

img border="0" title="Başlık" alt="2. Kategori Resmi" src="kategori2_1.jpg" width="96" height="33"

<script>
function goster(){
 var adres = document.getElementById('res1').getAttribute('src');
 var baslik = document.getElementById('res1').getAttribute('alt');
 var bilgi = document.getElementById('res1').getAttribute('title');
 alert(adres+"\n"+baslik+"\n"+bilgi);
}
</script>
<img id="res1" src="http://www.blogger.com/img/blogger-logo-small.png" alt="Blogger Logosu" title="Bloger Adresi grafanimasyon.blogger.com"/>
<a onclick="goster()">Özelliklere Eriş</a>

Yukardaki resmin içine yazmış olduğunuz title alanını nasıl görebilirsiniz?

Özelliklere Eriş

Yukarıdaki kodu deneyebilirsiniz. id ile isimlendirdiğiniz tagın bilgilerini getAttribute komutu ile alabilirsiniz.document.getElementById('res1').getAttribute('alt') gibi.

12 Aralık 2012 Çarşamba

Web Fontu Css Kodları (Google Web Fonts)

Web sayfanızın fontlarının standart fontlardan farklı olmasını mı istiyorsunuz?
Tahoma verdana kullanmaktan sıkıldınız mı?

http://www.google.com/webfonts

Adresinde yüzlerce font arasından beğendiğinizi kopyala yapıştır yoluyla web sitenize uygulayabilirsiniz.

Örnek verelim şu fontu sayfamda kullanmak istiyorum: http://www.google.com/webfonts/specimen/Sacramento
Fontun altındaki Quick Use butonuna tıklayın,

Açılan sayfada size birkaç çeşit font versiyonu sunabilirler, istediğinizi seçin,
Hemen aşağıdaki Add This Code To Your Website başlığı latındaki css yükleme kodunu sayfanıza kopyalayın. <head></head> Tagları arasına yapıştırın.

Sayfada hangi css de kullanmak istiyorsanız, bu css yükleme kodunun altında bulunan 4. adımdaki css kodunu kopyalayıp (font-family: 'Sacramento', cursive;) kendi cssniz arasına yapıştırın.

body{ font-family: ‘Metrophobic’, Arial, serif; font-weight: 400; }

gibi.

Kolay gelsin.

Murat ATASOY

Sayfalar

Translate Blog