Örnek uygulama için alttaki linkin üstüne fare ile gelin

DENEME LİNKİ

 

Alttaki kodu body tagından önce ekleyiniz.

 

---

Örnek uygulama için alttaki linkin üstüne geliniz

 

 

Kodu linkin nerede olmasını istiyorsanız şablonda oraya
ekleyiniz.

 

---

Fare imleci ile link üstüne gelindiğinde link yazısını ışıldayan koda çeviren style kodu

 

Alttaki kodu head tagının kapanışından sonra ekleyiniz.

 

---

Çok değişik bir kod

head tagın bitiminin hemen altına ekleyebilirsiniz bu kodu.Sayfanızdaki tüm linkler,üstüne fare imleci ile gidildiğinde ters dönsün

ÖRNEK SAYFA UYGULAMASI
TIKLAYIN

 

Bu da gerekli kodu

 

---

Aşağıda ki kodu şablonunuzda head tagından sonra eklenirse bütün sayfada ki linkler ,mouse ile üstüne gelindiğinde büyüyen link,

---

LİNK ÜSTÜNDE ÇİÇEKLER AÇSIN

<a href="http://www.benimblog.com/htmlkod/fare+imleci+cursors+2/"> <center><img src="http://img456.imageshack.us/img456/8699/cooltext44808772oc1.gif" border="0" alt="Fare İmleçleri ve link efekt kodları"></a></center></div> <style type="text/css"> a.navbar:hover{color:red; font-weight:bold;background-image: url(http://webdejitans.we.funpic.org/jitans/imlec/cicek.gif);} a:hover, a.redlink:hover, a.navbar:hover {background-image: url(http://webdejitans.we.funpic.org/jitans/imlec/cicek.gif); text-decoration:none; border:0px solid;} a:hover img {background-image:url (http://webdejitans.we.funpic.org/jitans/imlec/cicek.gif); filter:alpha(finishopacity=0, style=2); } </style>

LİNK ÜSTÜNDE YILDIZLAR ÇAKSIN

<a href="http://www.benimblog.com/htmlkod/fare+imleci+cursors+2/"> <center><img src="http://img456.imageshack.us/img456/8699/cooltext44808772oc1.gif" border="0" alt="Fare İmleçleri ve link efekt kodları"></a></center></div> <style type="text/css"> a.navbar:hover{color:red; font-weight:bold;background-image: url(http://www.nackvision.com/myspace/links/twinklingstars2.gif);} a:hover, a.redlink:hover, a.navbar:hover {background-image: url(http://www.nackvision.com/myspace/links/twinklingstars2.gif); text-decoration:none; border:0px solid;} a:hover img {background-image:url (http://www.nackvision.com/myspace/links/twinklingstars2.gif); filter:alpha(finishopacity=0, style=2); } </style>

LİNK ÜSTÜNDE BALONLAR UÇSUN

<a href="http://www.benimblog.com/htmlkod/fare+imleci+cursors+2/"> <center><img src="http://img456.imageshack.us/img456/8699/cooltext44808772oc1.gif" border="0" alt="Fare İmleçleri ve link efekt kodları"></a></center></div> <style type="text/css"> a.navbar:hover{color:red; font-weight:bold;background-image: url(URL: http://webdejitans.we.funpic.org/jitans/imlec/baloncuk.gif);} a:hover, a.redlink:hover, a.navbar:hover {background-image: url(URL: http://webdejitans.we.funpic.org/jitans/imlec/baloncuk.gif); text-decoration:none; border:0px solid;} a:hover img {background-image:url (URL: http://webdejitans.we.funpic.org/jitans/imlec/yildirim.gif); filter:alpha(finishopacity=0, style=2); } </style>

LİNK ÜSTÜNDE ŞİMŞEKLER ÇAKSIN

<a href="http://www.benimblog.com/htmlkod/fare+imleci+cursors+2/"> <center><img src="http://img456.imageshack.us/img456/8699/cooltext44808772oc1.gif" border="0" alt="Fare İmleçleri ve link efekt kodları"></a></center></div> <style type="text/css"> a.navbar:hover{color:red; font-weight:bold;background-image: url(http://webdejitans.we.funpic.org/jitans/imlec/yildirim.gif);} a:hover, a.redlink:hover, a.navbar:hover {background-image: url(http://webdejitans.we.funpic.org/jitans/imlec/yildirim.gif); text-decoration:none; border:0px solid;} a:hover img {background-image:url (http://webdejitans.we.funpic.org/jitans/imlec/yildirim.gif); filter:alpha(finishopacity=0, style=2); } </style>

LİNK ÜSTÜNDE KIRMIZI BALONLAR UÇSUN

<a href="http://www.benimblog.com/htmlkod/fare+imleci+cursors+2/"> <center><img src="http://img456.imageshack.us/img456/8699/cooltext44808772oc1.gif" border="0" alt="Fare İmleçleri ve link efekt kodları"></a></center></div> <style type="text/css"> a.navbar:hover{color:red; font-weight:bold;background-image: url(http://webdejitans.we.funpic.org/jitans/imlec/balonlar.gif);} a:hover, a.redlink:hover, a.navbar:hover {background-image: url(http://webdejitans.we.funpic.org/jitans/imlec/balonlar.gif); text-decoration:none; border:0px solid;} a:hover img {background-image:url (http://webdejitans.we.funpic.org/jitans/imlec/balonlar.gif); filter:alpha(finishopacity=0, style=2); } </style>

LİNK ÜSTÜNDE KIRMIZI KALPLER YANIP SÖNSÜN

<a href="http://www.benimblog.com/htmlkod/fare+imleci+cursors+2/"> <center><img src="http://img456.imageshack.us/img456/8699/cooltext44808772oc1.gif" border="0" alt="Fare İmleçleri ve link efekt kodları"></a></center></div> <style type="text/css"> a.navbar:hover{color:red; font-weight:bold;background-image: url(http://webdejitans.we.funpic.org/jitans/imlec/kalpler.gif);} a:hover, a.redlink:hover, a.navbar:hover {background-image: url(http://webdejitans.we.funpic.org/jitans/imlec/kalpler.gif); text-decoration:none; border:0px solid;} a:hover img {background-image:url (http://webdejitans.we.funpic.org/jitans/imlec/kalpler.gif); filter:alpha(finishopacity=0, style=2); } </style>

LİNK ÜSTÜNDE KIRMIZI YILDIZLAR YANIP SÖNSÜN

<a href="http://www.benimblog.com/htmlkod/fare+imleci+cursors+2/"> <center><img src="http://img456.imageshack.us/img456/8699/cooltext44808772oc1.gif" border="0" alt="Fare İmleçleri ve link efekt kodları"></a></center></div> <style type="text/css"> a.navbar:hover{color:red; font-weight:bold;background-image: url(http://webdejitans.we.funpic.org/jitans/imlec/kirmiziyildiz.gif);} a:hover, a.redlink:hover, a.navbar:hover {background-image: url(http://webdejitans.we.funpic.org/jitans/imlec/kirmiziyildiz.gif); text-decoration:none; border:0px solid;} a:hover img {background-image:url (http://webdejitans.we.funpic.org/jitans/imlec/kirmiziyildiz.gif); filter:alpha(finishopacity=0, style=2); } </style>

LİNK ÜSTÜNDE KONFETİLER YAĞSIN
<a href="http://www.benimblog.com/htmlkod/fare+imleci+cursors+2/"> <center><img src="http://img456.imageshack.us/img456/8699/cooltext44808772oc1.gif" border="0" alt="Fare İmleçleri ve link efekt kodları"></a></center></div> <style type="text/css"> a.navbar:hover{color:red; font-weight:bold;background-image: url(http://webdejitans.we.funpic.org/jitans/imlec/konfeti.gif);} a:hover, a.redlink:hover, a.navbar:hover {background-image: url(http://webdejitans.we.funpic.org/jitans/imlec/konfeti.gif); text-decoration:none; border:0px solid;} a:hover img {background-image:url (http://webdejitans.we.funpic.org/jitans/imlec/konfeti.gif); filter:alpha(finishopacity=0, style=2); } </style>

LİNK ÜSTÜNDE LACİVERT YILDIZLAR YANI SÖNSÜN
<a href="http://www.benimblog.com/htmlkod/fare+imleci+cursors+2/"> <center><img src="http://img456.imageshack.us/img456/8699/cooltext44808772oc1.gif" border="0" alt="Fare İmleçleri ve link efekt kodları"></a></center></div> <style type="text/css"> a.navbar:hover{color:red; font-weight:bold;background-image: url(http://webdejitans.we.funpic.org/jitans/imlec/laciyildiz.gif);} a:hover, a.redlink:hover, a.navbar:hover {background-image: url(http://webdejitans.we.funpic.org/jitans/imlec/laciyildiz.gif); text-decoration:none; border:0px solid;} a:hover img {background-image:url (http://webdejitans.we.funpic.org/jitans/imlec/laciyildiz.gif); filter:alpha(finishopacity=0, style=2); } </style>

LİNK ÜSTÜNDE IŞILDAYAN YANIP SÖNEN LİLA

YILDIZLAR TAVSİYEMDİR

<a href="http://www.benimblog.com/htmlkod/fare+imleci+cursors+2/"> <center><img src="http://img456.imageshack.us/img456/8699/cooltext44808772oc1.gif" border="0" alt="Fare İmleçleri ve link efekt kodları"></a></center></div> <style type="text/css"> a.navbar:hover{color:red; font-weight:bold;background-image: url(http://webdejitans.we.funpic.org/jitans/imlec/lilayildiz.gif);} a:hover, a.redlink:hover, a.navbar:hover {background-image: url(http://webdejitans.we.funpic.org/jitans/imlec/lilayildiz.gif); text-decoration:none; border:0px solid;} a:hover img {background-image:url (http://webdejitans.we.funpic.org/jitans/imlec/lilayildiz.gif); filter:alpha(finishopacity=0, style=2); } </style>

LİNK ÜSTÜNDE YANIP SÖNEN MAVİ YILDIZLAR

<a href="http://www.benimblog.com/htmlkod/fare+imleci+cursors+2/"> <center><img src="http://img456.imageshack.us/img456/8699/cooltext44808772oc1.gif" border="0" alt="Fare İmleçleri ve link efekt kodları"></a></center></div> <style type="text/css"> a.navbar:hover{color:red; font-weight:bold;background-image: url(http://webdejitans.we.funpic.org/jitans/imlec/maviyildiz.gif);} a:hover, a.redlink:hover, a.navbar:hover {background-image: url(http://webdejitans.we.funpic.org/jitans/imlec/maviyildiz.gif); text-decoration:none; border:0px solid;} a:hover img {background-image:url (http://webdejitans.we.funpic.org/jitans/imlec/maviyildiz.gif); filter:alpha(finishopacity=0, style=2); } </style>

LİNK ÜSTÜNDE YANIP SÖNEN PEMBE YILDIZLAR

<a href="http://www.benimblog.com/htmlkod/fare+imleci+cursors+2/"> <center><img src="http://img456.imageshack.us/img456/8699/cooltext44808772oc1.gif" border="0" alt="Fare İmleçleri ve link efekt kodları"></a></center></div> <style type="text/css"> a.navbar:hover{color:red; font-weight:bold;background-image: url(http://webdejitans.we.funpic.org/jitans/imlec/pembeyildiz.gif);} a:hover, a.redlink:hover, a.navbar:hover {background-image: url(http://webdejitans.we.funpic.org/jitans/imlec/pembeyildiz.gif); text-decoration:none; border:0px solid;} a:hover img {background-image:url (http://webdejitans.we.funpic.org/jitans/imlec/pembeyildiz.gif); filter:alpha(finishopacity=0, style=2); } </style>

LİNK ÜSTÜNDE YUVARLANAN RENKLİ TOPLAR

<a href="http://www.benimblog.com/htmlkod/fare+imleci+cursors+2/"> <center><img src="http://img456.imageshack.us/img456/8699/cooltext44808772oc1.gif" border="0" alt="Fare İmleçleri ve link efekt kodları"></a></center></div> <style type="text/css"> a.navbar:hover{color:red; font-weight:bold;background-image: url(http://webdejitans.we.funpic.org/jitans/imlec/toplar.gif);} a:hover, a.redlink:hover, a.navbar:hover {background-image: url(http://webdejitans.we.funpic.org/jitans/imlec/toplar.gif); text-decoration:none; border:0px solid;} a:hover img {background-image:url (http://webdejitans.we.funpic.org/jitans/imlec/toplar.gif); filter:alpha(finishopacity=0, style=2); } </style>

LİNK ÜSTÜNE GELİNDİĞİNDE KOMPLE ÇERÇEVE İÇİNDE

YANIP SÖNEN RENKLİ BUTONA DÖNDÜREN

EFEKT(TAVSİYEMDİR)

<a href="http://www.benimblog.com/htmlkod/fare+imleci+cursors+2/"> <center><img src="http://img456.imageshack.us/img456/8699/cooltext44808772oc1.gif" border="0" alt="Fare İmleçleri ve link efekt kodları"></a></center></div> <style type="text/css"> a.navbar:hover{color:red; font-weight:bold;background-image: url(http://webdejitans.we.funpic.org/jitans/imlec/yesilisik.gif);} a:hover, a.redlink:hover, a.navbar:hover {background-image: url(http://webdejitans.we.funpic.org/jitans/imlec/yesilisik.gif); text-decoration:none; border:0px solid;} a:hover img {background-image:url (http://webdejitans.we.funpic.org/jitans/imlec/yesilisik.gif); filter:alpha(finishopacity=0, style=2); } </style>