Blackinci » CSS » CSS3.0 Yeni Kros Simgeleri Fare İmleçleri (cursor)
Üye Paneli


Give Me Everything

CSS Hayat İşte Genel Photoshop MyBB Temalar Özgür Yazım

«    Şubat 2012    »
PtSaÇrPrCuCtPz
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 


blackinci.com da bir forum sayfası olsun mu?
Evet Olsun
Hayır Olmasın
Kararsızım
Fikrim yok

admin paneli, ajax, background, css, CSS3, dle, F1, form, forum, giris paneli, gölge, gölgeli yazı, highslide, iphone, md, mybb, mybbdestek, novaboard, oval, Seri 5, seri2, tasarim, tema, transform, vbulletin, Yarış, özellik

Eylül 2010 (4)
Ağustos 2010 (1)
Haziran 2010 (1)
Mart 2010 (4)
Şubat 2010 (2)
Ocak 2010 (1)
Makale Detayları
1 Nisan 2008
Yazdır
4699 Kez Okunmuş
10 Yorum Yapılmış
 (Oy Sayısı: 27)


Benzer Konular

CSS3.0 Yeni Kros Simgeleri Fare İmleçleri (cursor)

CSS3.0 İle Birlikte Yeni Kros Simgeleri Eklenmiş Fakat Bunları Bazı Tarayıcılar Desteklemeybilir Yeni Olanları Yeşil Renkli Bir Kutu İle belirttim mevcut kullandıklarımızı renkleri gri bir renkler belirttim bu kutuların üstüne farenizin imlecini getirerek test edebilirsiniz bu imleçlere bakalım

Varsayılan Kros Simgeleri


(Auto) Yani otomatik kros simgesi gösterir link ise link simgesi yazı ise yazı simgesi çıkar
(Default) Yani Varsayılan Normal Fare Simgesi Yani çıkar
Kodlar:
#etiket {cursor: auto;}
#etiket {cursor: default;}

Örnekler:

auto default


Link Ve Bekletme Simgeleri


(context-menu) *YENİ CSS3 le Birlikte Gelen Yeni Bir Kros Simgesi Olan bir Özellik Menülerde Kullanılan Bir Özellik (Şu an Tarayıcılar Desteklemeyebilir) *YENİ
(help) Yardım Simgesi
(Pointer) Bildiğimiz Link Simgesi
(wait) Yani Bekle Ok Kros Simgesi Olmadan Komple Bekle Simgesi
(progress) Komple Bekle Simgesinin Küçüğü Olan Ok ve bekleme simgesi *YENİ
Kodlar:
#etiket {cursor: context-menu;}
#etiket {cursor: help;}
#etiket {cursor:pointer;}
#etiket {cursor: wait;}
#etiket {cursor: progress;}

Örnekler:

context-menu Help pointer wait progress


Seçim Kros Simgeleri


(cell) Exel Kullanan kişelere yabancı olmayan bu simge Yeni Gelmiş *YENİ
(Crosshair) Oyunlarda çokca rastladığımız + artı simgesi
(text) Yazılarımızda Gelen Alıştığımız Dikey Simge
(vertical-text) Yatayın Tam Tersi Olarak Diket yazı simgesi *YENİ
Kodlar:
#etiket {cursor: cell;}
#etiket {cursor: crosshair;}
#etiket {cursor: text;}
#etiket {cursor: vertical-text;}

Örnekler:


cell crosshair text vertical-text


Taşıma ve Kopyala


(alias) Kısayol Kros Simgesi *YENİ
(copy) Kopyala kors Simgesi *YENİ
(move) Taşı Kros Simgesi
(no-drop) Taşınamaz Kors Simgesi *YENİ
(not-allowed) - (no-drop) ile aynı simgeye ait sadece isimleri farklı izin verilmeyen Kors Simgesi *YENİ
Kodlar:
#etiket {cursor: alias;}
#etiket {cursor: copy;}
#etiket {cursor: move;}
#etiket {cursor: no-drop;}
#etiket {cursor: not-allowed;}

Örnekler:


alias copy move no-drop not-allowed


Boyutlandırma


(e-resize) Yatay Boyutlandırma 1
(n-resize) Dikey Boyutlandırma 1
(ne-resize) Çapraz Boyutlandırma 1
(nw-resize) Çapraz Boyutlandırma 1
(s-resize) Dikey Boyutlandırma 2
(se-resize) Çapraz Boyutlandırma 2
(sw-resize) Çapraz Boyutlandırma 2
(w-resize) Yatay Boyutlandırma 2
(ew-resize) Yatay Boyutlandırma 3 *YENİ
(ns-resize) Dikey Boyutlandırma 3 *YENİ
(nesw-resize) Çapraz Boyutlandırma 3 *YENİ
(nwse-resize) Çapraz Boyutlandırma 3 *YENİ
(col-resize) Yatay Sadece SOL a ve SAĞ Boyutlandırma
(row-resize) Dikey Sadece ÜST e ve ALT a Boyutlandırma
(all-scroll) SOL a SAĞ a ÜST e ve ALT a Boyutlandırma
Kodlar:
#etiket {cursor:e-resize;}
#etiket {cursor:n-resize;}
#etiket {cursor:ne-resize;}
#etiket {cursor:nw-resize;}
#etiket {cursor:s-resize;}
#etiket {cursor:se-resize;}
#etiket {cursor:sw-resize;}
#etiket {cursor:w-resize;}
#etiket {cursor:ew-resize;}
#etiket {cursor:ns-resize;}
#etiket {cursor:nesw-resize;}
#etiket {cursor:nwse-resize;}
#etiket {cursor:col-resize;}
#etiket {cursor:row-resize;}
#etiket {cursor:all-scroll;}

Örnekler:


e-resize n-resize ne-resize nw-resize s-resize



se-resize sw-resize w-resize ew-resize ns-resize



nesw-resize nwse-resize col-resize row-resize all-scroll


Kros Ekleme


CSS2.1 De çoğunuz biliyorsunuzdur kros eklemeyi yinede konumuz kros olduğu için anlatalım kros eklemek için kodumuzu yazalım

P { cursor : url("mything.cur"), url("second.csr"), text; }

Yukarıdaki kodumuzda ikitane URL görüyorsunuz ilk URL tarayıcı tarafından bulunamazsa yada bir şekilde acamaz ise ikinci URL deki krosumuzu açmaya çalışıyor onuda aynı şekilde destelemez ve açamazsa text olarak gösteriyor

CSS3.0 da ise durum fazla değişmiyor PNG desteği getirilmiş

p { cursor: url(hyper.cur), url(hyper.png), pointer; }
29 Ekim 2010 17:50 10bugrahan demiş ki:
Süperler Teşekkürler

19 May 2010 13:10 9TECHNOLOG demiş ki:
Ellerinize sağlık çok güzel ve sade bir anlatım olmuş

24 Temmuz 2009 15:54 8nskmr demiş ki:
Harika olmuş yine....

10 Şubat 2009 13:09 7abdullah demiş ki:
yeahhhhhhhhhhhhhhhhhhhhhh

5 Nisan 2008 09:29 6blackinci demiş ki:
Teşekkür ederim yorumlarınız için

5 Nisan 2008 00:15 5McHac demiş ki:
Ellerine sağlık hocam sitende derslerinde çok güzel

4 Nisan 2008 01:21 4Batur demiş ki:
Hocam güzel bir ders olmuş, teşekkürler..

2 Nisan 2008 17:56 3blackinci demiş ki:
Teşekkür ederim arkadaşlar

2 Nisan 2008 17:47 2Baybars demiş ki:
Çok güzel olmuş Davut abi ellerine sağlık.

2 Nisan 2008 16:38 10Derece demiş ki:
Güzel çalışma blackinci teşekkürler...


Sessiz Kalma Sende Yorum Yap

Son Yapılan 10 Yorum
  • Konu
  • Yazar
  • Yorum
  • Üye Giriş Paneli Tasarımları
  • demiş ki 
  • İşime çok yaradı Saol arkadaşım
  • Üye Giriş Paneli Tasarımları
  • demiş ki 
  • çok teşekkürler kardeşim renk paylaşımları ve üye paneli paylaşımları işime yaradı sağol
  • MyBB için css ile alt forumları 2 blok h ...
  • demiş ki 
  • Selamlar
    Ben internete girmek icin firefox kullanmaktayim. Ancak internet explorerda birden cok sayfa actigimda firefox cokmekte. Bu tarz bir problemle karsilasan arkadaslar varsa ve bana yardimci olurlarsa cok sevinirim.
    Tesekkurler...
  • Üye Giriş Paneli Tasarımları
  • demiş ki 
  • yaa ben siteme uygulayamıyorum yardım edn lütfen sad
  • blackinci DLE Seri 1
  • demiş ki 
  • v2 yi bekliyoruz saygılar. winked
  • Css ile Aktif Menü Buton Yapımı
  • AsparagasHaber.net demiş ki 
  • İşime yaradı kullanacagım tesekkur ederım..
  • Css ile Aktif Menü Buton Yapımı
  • Agah demiş ki 
  • ÇOOOOOOOOOOOOOKKK SAĞOLUN EMEĞİNİZE SAĞLIK!!!!!!!!!!! smile
  • MyBB için css ile alt forumları 2 blok h ...
  • blackinci demiş ki 
  • Ceydaa_Gunactii,
    Ceyda hanım bilgisayarınızın windows update kısmından güncelleyebilirsiniz
  • MyBB için css ile alt forumları 2 blok h ...
  • demiş ki 
  • Yardim Lütfen
    internet explorerimi guncellemek istiyorum ancak bunu nasil yapacagimi bilemiyorum. Bu konuda bana yardimci olabilecek arkadaslar var mi acaba?
    simdiden tesekkurler.

Yukarı İletişim RSS Takip İstatistikler Site İçeriği

Copyright © 2007 - 2011 DLE Blackinci Edition Seri 2