Cevapla
 
Konu Araçları
Eski 14-04-18, 14:39 #1
Göktürk Göktürk çevrimdışı
Varsayılan İconlara Hareketli Fare Efekti Verme


Çoğu kişi sitesinin güzel tasarımlı olmasını ister.Bunu yapmanın yollarından birisi fare efekti vermektir.Yani fareyi resim üzerine getirdiğinde aşağı veya yukarı hareket etmesi.Bunu yapmanın yolu kolaydır. style.css de :hover kodunu kullanacağız.
Mesela sitenin footer kısmında sosyal medya iconuna efekt vermek istiyoruz.
  • style.css den normal kodunu bulup kopyalıyorsunuz ve hemen altına yapıştırıyorsunuz.( Ögeyi incele ile bulabilirsiniz sağda kısımda olur).
  • Kodumuz li.facebook .icon {background:url(images/face.png)}; olsun,sizde farklıdır. li.facebook .icon yazısından sonra peşine :hover yazıyoruz ve margin kodu ekliyoruz.Son hali şu şekilde olacak.
    li.facebook .icon {background:url(images/face.png)};
    li.facebook .icon:hover {margin-top:10px };

Bu sayede fareyi resim üzerine getirdiğimizde 10 kare kadar yani yarım santim kadar aşağı inecek.Miktarı değiştirebilirsiniz.
__________________
  Alıntı Yaparak CevaplaAlıntı Yaparak Cevapla
Cevapla

Bu konunun kısa yolunu aşağıdaki sitelere ekleyebilirsiniz

Taglar
.icon, fare, fareyi, hover, li.facebook

Konu Araçları

Gönderme Kuralları
Yeni konu açamazsınız
Cevap yazamazsınız
Dosya gönderemezsiniz
Mesajlarınızı düzenleyemezsiniz

BB code is Açık
Smiley Açık
[IMG] kodu Açık
HTML kodu Kapalı



Tüm saatler GMT +3. Şuan saat: 21:14
(Türkiye için artık GMT +3 seçilmelidir.)

 
5651 sayılı yasaya göre forumumuzdaki mesajlardan doğabilecek her türlü sorumluluk yazan kullanıcılara aittir. Şikayet Mailimiz. İçerik, Yer Sağlayıcı Bilgilerimiz. Reklam Mailimiz. Gizlilik Politikası. Tatil
Copyright © 2018