Anasayfa İletişim RSS
Burada reklam vermek için tıklayın!
 
Şimdi Üye Ol | Şifremi Unuttum
 
Anasayfa » HTML (53 ders)
 
HTML'de Kodlarla Yansıma Efekti

Yazar: Esra Ölmez  
Eklenme: 13.04.2008   Okunma: 1559    Puan: 3.5   Seviyesi:  Orta
Bu dersimizde kendimin sık kullandığı bir efekt uygulamasını anlatmaya çalıştım. Pratik bir çalışma olduğu için işinize yarayacaktır.

Genelikle kendi adıma konuşayım resmin yansıma halinide JPG olarak kaydedip o hali ile kullanırdım. Ama bunun çok pratik yolu da var: Reflection koduyla bir iki dokunuşla direk yansıma elde edebiliyorsunuz. Benim artık demirbaş kodlarımdan birisi haline geldi. Sizin de işinize yarayacağına eminim.

Öncelikle aşağıdaki linke sağ tıklayarak Farklı Kaydet yolu ile "yansima.js" dosyasını indiriyoruz ve çalıştığımız klasör içine kaydediyoruz.

İNDİRMEK İÇİN TIKLAYIN.

Daha sonra HTML kodlarını düzenlemek için programımızı açıyoruz ve <head> </head> tagları arasına aşağıdaki kodu yazıyoruz:

<script type="text/javascript" src="yansima.js"></script>  


Bu kodu yapıştırıp yansıma yapmak istediğimiz resmin kodunu bulup src'den sonraki kısma:

class="reflect rheight50 ropacity15"


kodumuzu yapıştırıyoruz.

http://img.sanalkurs.net/images/ders005_3.jpg

Her yansıma yapmak istediğimiz resim için kullanıyoruz.

Bu benim ilk paylaşımım umarım faydalı olmuştur..

Kaynak ve daha geniş bilgi için buraya tıklayınız.
 
  • Currently 3.57/5
Değelendirmek için üye girişi yapmanız gerekmektedir
EkleBunu Sosyal Paylam Butonu
HTML'de Kodlarla Yansıma Efekti Dersini Yazdırın

"HTML'de Kodlarla Yansıma Efekti" dersi için 11 yorum var

14.04.2008 arikan diyor ki:
@Bu benim ilk paylaşımım umarım faydalı olmuştur..

ama döküman senin deil kaynak ajax-tr
tabiki birilerinde faydalı olmuşdur.

14.04.2008 esraolmez diyor ki:
aylar öncesi HTML arşivime aldığım bir kod..

kaynak ise şu :

http://www.dillonwelding.com/reflection/readme.html

14.04.2008 ghalimoglu diyor ki:
Teşekkürler arkadaşım.bu güzellikte çalışmalarının devamını bekleriz.

17.04.2008 Microsoft diyor ki:
Arkadaşlar kaynak diye bir olay yok. Kaynak= AJAX
Kim ise bu Js sınıfını yazan ona ait. Yoksa HTML'e JavaScript Kodu entegre etmeyi herkes biliyor. Ve internettede her yerde var. Yani ortada bir çalışma yok malesef..

21.04.2008 erhan_06 diyor ki:
Güzel bir Çalışma Teşekkürler

23.04.2008 lostgod diyor ki:
teşekkürler güzel bilgi

27.06.2008 tadakoglu diyor ki:
Abi bende sadece html kullanarak yapcan zatteim ya.

20.08.2008 uzeyrr diyor ki:
resmin Class'ına tanımladığımız "rheight50" yi "rheight100"
yaparsak resmin yansıması daha belirgin hal alıyor...

27.09.2008 mk design diyor ki:
bunu programın içine nasıl yüklüyeceğiz.masaüstnden başka bir yere kopyalıyınca çalışmıyor.

15.10.2008 programcim57 diyor ki:
teşekkürler arkadaşım...

29.10.2008 synax diyor ki:
gzl paylaşım

Üye olmadan yorum ekleyemezsiniz !


UYARI: SANALKURS'ta yer alan materyaller ile ilgili her türlü sorumluluk hazırlayan veya gönderene aittir. SANALKURS'ta yer alan hiçbir makale, yazarından izinsiz başka bir yerde yayınlanamaz. SANALKURS kullanıcıları ve üyeleri, üçüncü kişilerin telif hakkı sahibi bulunduğu her türlü fikri eser, fotoğraf, resim vb. materyal ve ürünleri kullanamazlar. SANALKURS kullanıcı ve yazarlarının, üçüncü kişilerin telif hakkı sahibi olduğu yazı, resim vb. ürünleri kullanması durumunda, her türlü hukuki ve cezai sorumluluk kendilerine aittir. Söz konusu haksız kullanım nedeniyle SANALKURS .NET'in hiçbir hukuki sorumluluğu bulunmamakta olup, haksız kullanım nedeniyle SANALKURS.NET'in üçüncü kişilere ödemek zorunda kalabileceği her türlü tazminat ve/veya adli/idari para cezaları ilgili Sanalkurs kullanıcılarından rücu edilecektir.
 İSTATİSTİKLER
XML Kaynağımızdan yararlanarak sitemizdeki derslerimizi masaüstünüzden yada web sitenizden takip edebilirsiniz
ÇEVRİMİÇİ 78 Ziyaretçi, 12 Üye (1 Gizli)
soldier_159, Necati Özden, HasaN_Ist, nihatkr, ilhanilk, solozzo, batuhanse, frenzy55, bilalözdemir, pegasus44, cikskarizma
BUGÜN DOĞUM GÜNÜ OLAN ÜYELERİMİZ:
Alyyone (22), omer1957 (52), the_manyak (109), sevketkaya (26),
Bugün: 544, Dün: 5271, Bu Ay: 96168, Toplam Ziyaret: 1794447, Toplam Üye: 130061, Son Üye: frenzy55
Toplam Ders: 1978, Toplam Yazar: 44, Toplam Dosya: 34, Toplam Link: 54
   
RSS Kaynağımızdan yararlanarak sitemizdeki derslerimizi masaüstünüzden yada web sitenizden takip edebilirsiniz