Anasayfa İletişim RSS
M. Çağdaş Saygılı Derslerini Okumak için Tiklayin C Programlama Dilinde İlk Programımız
İlk programımızı ve en çok kullanacağımız komutu görerek c programlama diline hızlı bir giriş yapalım.
 
Şimdi Üye Ol | Şifremi Unuttum
 
 
 
Anasayfa » HTML (49 ders)
 
HTML'de Kodlarla Yansıma Efekti

Yazar: Esra Ölmez  
Eklenme: 13.04.2008   Okunma: 685    Puan: 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.



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 5.00/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 7 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.

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İÇİ 225 Ziyaretçi, 18 Üye (1 Gizli)
sagokolik, tolga_82, Exe.Lan.Ce, vebmaster, turkalone, 06designer06, optimistt, murat1985trabzon, erkan000, akinase, Murat Korkmaz, ANUBIS, redblack, batik, lafs, EDELE, eagle_kartal_33
Bugün: 1568, Dün: 4674, Bu Ay: 21220, Toplam Ziyaret: 1049086, Toplam Üye: 92381, Son Üye: tolga_82
Toplam Ders: 1645, Toplam Yazar: 40, Toplam Dosya: 43, Toplam Link: 109
   
RSS Kaynağımızdan yararlanarak sitemizdeki derslerimizi masaüstünüzden yada web sitenizden takip edebilirsiniz