Kategori arşivi: web 2.0

xml ile destekli FLASH BANNER olusturma

Web tasarimi islerinde en buyuk cekicilik cogunlukla hareketli animasyonlardan olusan, sitenin en can alici kismi banner olarak tabir edilen bolgesidir.

Banner animasyonlari hareketli gif yada flash dosyasi olarak olusturulabilir. Haber manset sistemi olarakta kullanilabilen xml dosyasi ile ayarlamalarini duzenleyebileceginiz flash banner ornegimizi burada gorebilirsiniz. Kaynak dosyamizi buradan indirebilirsiniz. xml ile destekli FLASH BANNER olusturma yazısına devam et

Xhtml uygun flash eklentisi kodlamasi.

googlenin xhtml uyumlu css ile kodlanmis web sayfalarina verdigi deger uzerine bircok firma web 2.0 stiline gecis yapmis ve css ile sitelerini kodlamaya baslamisti. Ancak karsimiza cikan en buyuk sorunlardan biri flash applikasyonlari web sitemize ekledigimizde sayfalarimizin xhtml dogrulamasindan olumsuz puanla donuyor olmasi idi. uzun arastirmalar sonunda bu sorununun cozumunu henuz tespit ettim ve kendi tasarladigim web sitelerinde deneyerek valid web 2.0 uyumlu css web sitelerine sahip olmanin mutlulugunu doyasiya yasadim 😉

uyguladigim kodlar XHTML 1.0 Strict (XHTML 1.1) ile uyumludur.

onject tagi ile uygulanan kodlar su sekilde
<object type=”application/x-shockwave-flash” data=”flash/banerdosyamizinismi.swf” width=”100″ height=”100″>
<param name=”movie” value=”flash/banerdosyamizinyolu.swf” />
</object>

embed kodu uygulamadan yaptigimiz bu calisma ile xhtml valid sonucu almamiz mumkun.
herkese css li gunler dilerim Zuzum. uygulamayi ilk olarak http://www.kalkan.org.tr sitesinde test ettim

CSS ile resim dosyasi kullanmadan yuvarlak koseler olusturma

web 2.0 ile butunlesen ve google’nin onem verdigi yeni nesil web sitelerinde yuvarlak koseler ( rounded corners ) kullanimi oldukca yaygin hale gelmistir.

ancak bircogumuzun yuvarlak kose olusturmakta zorlandigi kisim imaj ( jpg, gif ) dosyalarini sayfa arka plan rengine gore olusturup css ile div ler icerisine sag ust sol ust sag alt sol alt seklinde kodlar ekliyorduk. ancak kucuk bir javascript kodu ile bu durumu cozebilirsiniz. ayni zamanda koselerdeki derinlikleri rakam olarak buyuk yada kucuk olarak secebilme sansimizda mevcut.

calismamizin ornegini asagida gorebilirsiniz.

css rounded corners

sayfamizin kodlarinda gorunen
<script type=”text/javascript”>
Rounded(’rounded’, 13, 13);
</script>

script kodunu mutlaka icerikten sonra kapanis div tagindan once kullanmaliyiz. burada gorunen sayi (13) kosemizin derinligini gosteriyor. dilerseniz bu sayiyi daha yuksek yada kucuk bir rakamla degistirerek kosemizin derinligini duzenleyebiliriz.
Zuzum selamlar 😉

En kisa zamanda verileri ve resimleri yerlestiricem kusura bakmayin.

kaynak js dosyasini buradan indirebilirsiniz

butun dosyalari indirmek icin burayi tiklayin