Çekici bir görünüme sahip siteler, ziyaretçiler arasında oldukça popülerdir. Kaynağın görünümünü iyileştirmek için sahipleri genellikle tasarımı tamamen veya kısmen değiştirir. Ne yazık ki, sayfa dekorasyonu için yeni renkli öğeler eklemek çok zaman alıyor. Kaynak ziyaretçilerinin dikkatini çekmenin hızlı bir yolu, normal imleci küçük bir resimle değiştirmektir. Siteye böyle bir öğe kurmak için birkaç basit adım gerçekleştirmeniz gerekir.
Bu gerekli
- - kendi sitesi
- - en azından temel HTML bilgisine sahip olmak
- - sitede CSS kodunun nerede olduğunu bilin
Talimatlar
Aşama 1
Öncelikle sitedeki işaretçinin yerini alacak bir resim indirin. Yaygın grafik biçimlerinin (.bmp,.gif,.jpg,.png, vb.) görüntüleri bu amaç için uygun değildir.
Adım 2
İşaretçiyi değiştirmek için.cur veya.ani biçiminde bir resme ihtiyacınız var. Böyle bir görüntü elde etmek için, imleçler için özel olarak tasarlanmış resimleri İnternet'te arayın..cur uzantısı statik görüntülere,.ani uzantısı ise hareketli görüntülere özeldir. Beğendiğiniz dosyayı bilgisayarınıza kaydedin.
Aşama 3
Ancak işaretçiyi değiştirmek için bitmiş görüntüyü almak gerekli değildir. Kendiniz bir resim yapmak istiyorsanız, imleç oluşturmak veya grafik dosya formatlarını dönüştürmek için özel programlardan birini kullanın.
4. Adım
Sitedeki imleç için resmi doldurun. Ardından kaynak kodunda etiketi bulun ve etikette aşağıdaki değişiklikleri yapın:
"images / 1.ani" yazmak yerine sitenize yüklenen görselin yolunu belirtin.
Adım 5
İmlecin bağlantının üzerine gelindiğinde tek bir görüntü biçiminde olmasını ve bağlantı elemanının yokluğunda - başka bir görüntü gibi görünmesini istiyorsanız, işaretçiyi değiştirmek için CSS kullanmak daha iyidir. Bu tür dönüşümleri yapmak için önce siteye.cur veya.ani uzantılı başka bir dosya yükleyin.
6. Adım
Ardından, sitenizin CSS'sinde, "1.ani" yerine "body {cursor: url ('1.ani');}" girişini yapın, ana resme yüklenen imlecin yolunu belirtin. site. Bu kod, kaynağın tüm sayfalarının içeriğinin yazıldığı etikete imleci belirtilen resme değiştirme özelliğini ekler.
7. Adım
Ardından CSS'ye "a {cursor: url ('2.ani');}" satırını yazın, "2.ani" yerine işaretçi üzerine getirildiğinde görünmesi gereken kaynağa yüklenen imleç görüntüsünün yolunu yazın Bağlantı. Yapılan giriş, işaretçi sitedeki herhangi bir bağlantıya çarptığında, etiket özelliğinde değişiklik yaptığı için imleci ilgili resimle değiştirmenize olanak tanır.
