Giriş Arşiv Dmry Reklam/Sponsorluk İletişim

Web Sayfanızın İ.. Rastgele Yazılar Son Okunanlar Az Okunanlar

Bu yazıda web sayfanızın sıradan imlecini nasıl kişiselleştirebileceğinizi göreceksiniz. Höhhh “kişiselleştirebileceğinizi” ne kadar uzun bir kelime oldu öyle Neyse, ayrıca sabit veya animasyonlu birçok imleç dosyasını ve adreslerini de sizlere sunacağım. Böylelikle imleç sıkıntınız da olmayacak. Hadi öyleyse alın kahvenizi, kolanızı elinize ve başlıyoruz.

20 yorum Beğen Paylaş Web Sayfanızın İmlecini Özelleştirin

Sıradan bir web sayfasının imleci, sizin bilgisayarınızda kullanmakta olduğunu geçerli imleç ve genellikle beyaz olan oktur. Fakat imleci değiştirilen bir siteyi ise tarif etmeyeceğim zira kendini belli edecektir

İmleç Çeşitleri

İmleçler sabit ve animasyonlu olmak üzere 2 çeşittir. Genellikle sabit imleçler .cur , animasyonlu imleçler .ani formatında olurlar. Ekleyeceğimiz imleçleri böyle ayırt edeceğiz.

Nasıl Eklenir

Özel imleç dosyaları sayfalara CSS dili kullanılarak eklenir. CSS günümüzde olmazsa olmaz sayfa stili programlama dilidir.

Kodları Nedir, Nereye Eklemeliyim

CSS çok esnek bir dildir. Tüm html etiketleri altında ayrı ayrı CSS kodlarını ekleyebileceğiniz gibi, bir etiket sınıfına genel tanımlamada yapabilirsiniz. Öncelikle mevcut imleç dosyanızı sitenizin altına yükleyin. Yüklediğiniz yerin sitenizin giriş dizini olduğunu varsayalım. (Böylelikle çağırılacak url: (imlec.cur|.ani) gibi olur.

CSS kodlarını sayfanız altına,

<head>
</head>

etiketleri arasına ekleyebilirsiniz. Benzer bir kullanım şöyle olur.

<HEAD>
<style type="text/css">
<!--
body {cursor: url('imlec.ani');}
-->
</style>
</HEAD>

Örneklerde adı geçecek olan “imlec.ani” ya da “imlec.cur” sizin seçtiğiniz imleç dosyasıdır ve adını sizinkiyle değiştirebilirsiniz. Buradaki kod tüm sayfada seçtiğiniz imleci gösterir. Eğer herhangi bir CSS Style dosyası kullanıyorsanız (örneğin style.css v.b.), onun içerisine ekleyeceğiniz kod,

body {cursor: url('imlec.ani');}

gibidir.

Bu uygulamalar ile sayfanızın imlecinin değiştiğine şahit olacaksınız. Fakat bağlantılar üstüne geldiğinizde eski imlecin tekrar görüneceğini göreceksiniz. İşte bu esnada yine CSS ile bağlantı etiketlerini ( yani ) özelleştireceğiz.
Mevcut CSS kodlarınızın bir satır altına,

a {cursor: url('imlec.ani');}

eklerseniz, bahsettiğim olayın ortadan kalktığını görürsünüz.

Daha da detaya inelim. Örneğin siz sadece bir bağlantı üstündeki imleci özelleştirmek istiyor olabilirsiniz.
O halde kullanımı,

<a href="test.html" style="cursor:url('imlec.cur')">Örnek Sayfa</a>

gibi olacaktır.

İşte bu kadar imleç özelleştirme de.Genel uygulamalar böyledir, diğer etiketler altına CSS tanımlamalarını da benzer şekilde yapabilirsiniz.

Bendeki sabit imleçler şurada ve animasyonlu imleç isterseniz de burada.

29 Aralık 2005, 08.55 tarihinde yayınlanmış

2 Ekim 2008, 15.59 tarihinde güncellenmiş

Benzer Yazılar

CSS ile resim kullanmadan oval köşeli tablolar

CSS ile dikey menü örnekleri

71 tane tab navigasyon menüsü

Çevrimiçi CSS Menüler Yapmak

Yorumlar Yorum Yolla Ping Yollayanlar

Bu yazı 20 adet yorum almıştır ve bunların 20 ile 10 arası görüntülenmektedir. Yorumları RSS ile takip edebilirsiniz.

1 2

dizi izle

| 21 Temmuz 2010 , 16:18

#20

Benimde işime çok yaradı . Saolasın.

Mert

| 11 Temmuz 2010 , 17:38

#19

İşime yaradı çok teşekkür ederim

Sevgi kızı

| 07 Ağustos 2009 , 12:14

#18

Hiç bir şey anlamadım.Ben kendi farem için almak istedim.Ama olmuo.

Emine Gülşen

| 02 Temmuz 2009 , 12:15

#17

şunu resimliyerek anlatsanız benim blogger ve ekliyemedim bi türlü

Sahra Gül

| 27 Şubat 2008 , 18:30

#16

Henüz bilgisayar kullanımında acemi olduğum yetmiyormuş gibi şimdi bir de site kurmaya kalktım,gerçi bir şeyler de yaptık kendi çapımızda ama istediğim bazı konularda sonuç alamadım. Mesela; sağ tuş kitleme ve mouse imlecinde istediğim gibi olmuyor. aslına bakarsanız sağ tuş konusunda çok ısrarlı değilim nasıl ki ben birilerinden bir şeyler alabiliyorsam, siteme gelen ziyaretçilere de bir "diş kirası "vermek hoşuma gider. İnsanı asıl üzen yapmak istediğini yapamamasıdır. Bazı Kısa Kod’lu mouse imleçlerini Şablon Düzenleme bölümünde nereye eklerseniz ekleyin sonuç alınabiliyor,lâkin uzun,yarım hatta tam sayfa boyuttaki Kod’ları nereye ekleyeceğimi bilemiyorum. Bir tane kanat çırpan kelebek vardı her kanat çırpışında farklı renklere dönüşüyordu bu güzel bir tercih olabilir belki ama ben büyülü ışıklar saçan bir model görmüştüm onu arıyorum olmassa kelebekle devam. aradığım kodu bilen varsa İlgilenenlerin yardımını beklerim.
http://sahragull.blogcu.com/

Oğulcan Avcı

| 25 Ağustos 2007 , 00:22

#15

Heh anladım dediğinden

Oğulcan Avcı

| 25 Temmuz 2007 , 11:10

#14

Hocam Sen Bizi Öldürten Mi Çıldırtan mı hocam

imleç

| 16 Haziran 2007 , 14:37

#13

ne biçim anlatmışsın be adam şöyle açık anlaşılr şekilde anlatsana herkes faydalasın madem

lucky_24125

| 18 Mart 2007 , 02:16

#12

arkadaşlar yapmanız gereken şey çok bait sayfanızın
… tagı arasına yukarda verilen kodu yazın yeter.

url(’imlec.ani’);}

yazdığınız kodda imleç yazan yere kendi imlecinizin ismini
ani yazan yere ise imleciniz hareketli ise aynen kalsın değilse cur yazın olacaktır.

dikkat etmeniz gereken bi husus daha var: Oda sayfanıza koymak istediğiniz imleç koymak istediğiniz html sayfasıyla aynı yerde olmalı yada değilse

‘imlec.ani’

yazan yere tam adresi belirtmeniz yeterli olacaktır

arkadaşlar sanırım yeteri kadar deteylıdır benden bu kadar
hadi size kolay gelsin.

Lux Tasarim

| 27 Ocak 2007 , 21:14

#11

Adam daha ne kadar anLatabiLcekki. Püf Noktasına kadar yazmıs kabahatı adama değiL kendinize buLun. Gozu kapaLı yapıLcak seyi yapamıyonuz.

1 2

Haber Kategorileri

Son Yorum Yazılanlar Bugün Okunanlar Çok Okunanlar

OYUNLAR

© 2005 - 2010 Tüm hakları dmRy.net'e aittir.
Kullanım şartları yerine getirilmeden hiçbir şekilde kopyala-yapıştır yapılamaz, yazılar ve bilgiler kullanılamaz.

Dmry.net Vital Teknoloji tarafından desteklenmektedir

Web Sayfanızın İmlecini Özelleştirin

CSS

CSS

Benzer Yazılar

dizi izle

Mert

Sevgi kızı

Emine Gülşen

Sahra Gül

Oğulcan Avcı

Oğulcan Avcı

imleç

lucky_24125

Lux Tasarim

Haber Kategorileri

CSS

E-Kitap

Eğlence

Faydalı Siteler

Google

Haber & Duyurular

Internet

Kaynak Siteler

Kültür & Sanat

Microsoft & Windows

MySQL

Oyunlar

Php

PhpNuke

Sevgili Günlük

Sponsor

Teknoloji

Web Tasarım Çeşitli Bilgiler

WordPress

Yazılım