Ana Menü
scapbottom
 

Modl Veritaban

Yeni Dosyalar

· Haber-2013 Temasý
· FP News Panel v1
· Skitter Manþet...
· Etiket Sistemi ...
· Red Car Tema

En Çok İndirilen 5 Dosya

· The Kroax - Vid... [1522]
· Video Galeri Mo... [1504]
· Hayaletsevgili ... [1340]
· Google Sitemap ... [1275]
· Devira Haber Panel [1118]
scapbottom
 
En Son Makaleler
· .htaccess ile site y...
· Sayfalarda müzik ç...
· CSS Açýklamalarý
· Veritabaný Önekini...
· Css'te mouse ( fare ...
scapbottom
 
Çevrimiçi Kullanıcılar
· Çevrimiçi Ziyaretçiler: 6

· Çevrimiçi Üyeler: 0

· Toplam Üye Sayısı: 4,887
· En Yeni Üye: uvyjol
scapbottom
 
Sitemize Destek Olun
paypal
scapbottom
 
Last Seen Users
Admin 03:21:42
kiosk 15:40:09
nuti 1 week
nyfe 1 week
ogreicom 1 week
jorjet1 1 week
mhicabisahin 3 weeks
SGT 3 weeks
umutguclu 4 weeks
ahun 4 weeks

scapbottom
 
Sitemizi Ekleyin
Aþaðýdaki kod ile sitemizin linkini kendi sitenize ekleyebilirsiniz. Kodu alýp sitenize eklemeniz yeterlidir.
scapbottom
 
Beslemeler
Haber RSS Beslemesi
Modül Veritabaný RSS Beslemesi
Makeleler RSS Beslemesi
twitter
Haber Beslememizi Google Hesabýnýza Ekleyin
Makale Google Hesabýnýza Ekleyin
Modül Veritabaný Beslememizi Google Hesabýnýza Ekleyin
scapbottom
 
Bot Şaplak Panel
· Son Kontrol: 24/03/2017 07:10
· Spam sayısı: 0
· Son Kontrol Eden: 4984
scapbottom
 

Makale Hiyerarşisi
Makaleler ana sayfası » Yararlý Makaleler » Css'te mouse ( fare ) imlec yapýmý
   
Css'te mouse ( fare ) imlec yapýmý
Merhaba arkadaþlar.
Bir web sitesi için üzerinde çalýþtýðým ve çözümünü geçte olsa bulabildiðim ve günün birinde sizlerinde iþinize yarayabileceðini düþündüðüm bir bilgiyi paylaþmak istiyorum sizlerle.
Mouse ( fare ) imleç leri.

Web sitelerimize görsellik kazandýrabilmek, ziyaretçilerimizin ilgilerini çekebilmek adýna bir çok kodlama dilleri ile bir çok sunumlar yaparýz zaman zaman.
Mouse ( fare ) imleç leride bunlardan biri.
Daha önceleri uzun satýrlar süren java script leri kullanýrdýk bu sunum için.
Ama css dilinin geliþmesi ve css'in esnekliði bu uzun satýrlarý bertaraf ederek tek satýrlýk bir dizi kod haline getirebiliyor.

Nasýl yaparýz?
Kullandýðýmýz themes klasörü içindeki styles dosyasýný açalým.
Ýmlecimiz tüm site genelinde çalýþacaðý için bu dosyada;
body {
satýrýný aratalým.
Hemen altýna ekleyelim.
cursor: url('http://www.ornek.com/images/mouse.cur');
Arkadaþlar .ani uzantýlý imleç ler hareketli, .cur uzantýlý imleç ler sabit imleç tirler.
Zira ben elimdeki .cur uzantýlý imleci sorunsuz çalýþtýrýrken, .ani uzantýlý imleci bir türlü çalýþtýramadým.
Bu benim hostumdan kaynaklanan bir sorunda olabilir diye düþünüyorum þayet içinizde .ani uzantýsýný php-fusion içinde çalýþtýrmýþ arkadaþlarýmýz varsada bu baþlýk altýnda yorumlarýnda paylaþýrlarsa memnun olurum.
Ardanýn tavsiyesi ile .ani uzantýsýný .cur ile deðiþtirdim ve imlec çalýþtý.
Uzantýlarýn deðiþmesi ile hareketli bir imleç sabit imleç ile yer deðiþtirmiþ oldu.
Benim imlecim .ani uzantýsýna sahip olmasýna raðmen hareketli deðildi bu nedenle benim için sorun olmadý kod çalýþtý.
Ardýndan ayný styles.css dosyasýnda;
a {
Satýrýný aratalým.
Altýna ekleyelim.
cursor: url('http://www.ornek.com/images/mouse2.cur');
Buda isteðe baðlý olarak kullanýlabilir.
Baðlantý ( link ) lerin üzerine gelince farklý bir imlec çýkmasý için bir koddu.

Buraya kadar imlec kodlarýmýz az sorunlu olsada çalýþýr hale gelmiþti.
Ama farklý tarayýcý kullanan örneðin mozilla firefox kullanýcýsý sitemizi görüntülediðinde bizim kodladýðýmýz imlec leri göremeyecektir.
Yukarýdaki kod sadece internet explorer da çalýþacaktýr.
Mozilla firefox kullanýcýlarý içinde yukarýdaki kodumuza þunlarý ilave ediyoruz;
cursor: url('http://www.ornek.com/images/mouse.cur'), url('http://www.ornek.com/images/mouse.gif'), pointer;
Ýlave edilen kodlarda .cur uzantýsýnda bulunan imlecimizin .gif uzantýli þekli mozilla firefox kullanýcýsýna gösterilecektir.
Umarým faydalý olabilmiþizdir.
Ýyi çalýþmalar diliyorum.
Yorum
Henüz yorum yazılmamış.
   
Yorum yaz
Yorum göndermek için lütfen üye girişi yapın.
   
Oylama
Sadece üyeler oylayabilir.

Oy verebilmek için lütfen üye olun ya da üye girişi yapın.

Harika! Harika! 0% [Oylanmamış]
Çok İyi Çok İyi 0% [Oylanmamış]
İyi İyi 100% [1 Oy]
Fena Değil Fena Değil 0% [Oylanmamış]
Kötü / Berbat Kötü / Berbat 0% [Oylanmamış]
   
Forum Threads Cloud
link gizleme sorunu, PM ve Mail yasaklama, Ýþ Kullanýcý Alaný, Haber Eklemede Resim Bozuklugu, Kurulum bilgi sayfasý?, Alternatif En Son Çevrimiçi Üyeler, Animasyonlar Paneli, Haberler için etiket uygulamasý, Bir müddet sonra siteme ulaþamýyorum, Google Sitemi Garip þekilde indexliyor, YARDÝM!!!! Footer 'e sayaç ekleme, Mail gönderme formu yapmak istiyorum, Haberlerin altýna Reklam, Link yerinde konu baþlýðý yazmasý, haber modülü
   
Üye Girişi
Kullanıcı Adı

Parola



Henüz Üye Değil Misiniz?
Buraya Tıklayarak Üye Olabilirsiniz.

Parolanızı Mı Unuttunuz?
Buraya Tıklayın
scapbottom
 
Son Sürüm
Türkçe

Kısa Mesajlar
Mesaj göndermek için giriş yapmalısınız.

07-01-2017 11:36
Karakter sorunu benim bir sitemde de oldu. Yeniden kurdum. Bunun sebebi nedir?

13-12-2016 15:14
selamlar dostlar....

30-09-2016 01:02
fusion yeni baþlýyor!...

25-09-2016 13:17
FUSÝON BÝTTÝ !!!!!!!

21-08-2016 19:40
Hayrýnýza forum bölümünü düzeltin

04-07-2016 22:43
Selam Phpbb3 forum sistemiyel entegre çalýþtýrmak istiyorum ne yapabilirim.

28-05-2016 00:09
Php Fusion Bootstrap entegrasyon ve ürün modül çalýþmalarý kodlama çalýþmalarý CANLI YAYIN URL : http://youtu.be/Zy
BaCTNBx_Y


scapbottom