0
Kayıt Ol

Link üzerine gelince renk değişsin

5

●

204

  • 07-05-2023, 22:24:58
    #1
    xRACONx
    xRACONx
    <a href="http://r10.net"><span style="color: #000000;">link</span></a>

    bu kod ile linke renk ekleyebiliyoruz ama üzerine gelince de farklı bir renge geçmesini istiyorum nasıl yaparım?
  • 07-05-2023, 22:30:41
    #2
    obisa
    obisa
    bunun sonucu google da
  • 07-05-2023, 22:31:45
    #3
    Vexa
    Vexa
    Aşağıda ki kodları <head> etiketinin altına yapıştırın, sizin istediğiniz şey a:hover olandır.

    <style>
    /* ziyaret edilmeyen bağlantı */
    a:link { color: #FF0000;}

    /* ziyaret edilen bağlantı */
    a:visited {color: #00FF00; }

    /* fare gezinen bağlantı */
    a:hover {color: #FF00FF;}

    /* seçilmiş bağlantı */
    a:active {color: #0000FF;}
    </style>
  • 07-05-2023, 22:39:08
    #4
    xRACONx
    xRACONx
    mehmet05 adlı üyeden alıntı: mesajı görüntüle
    Aşağıda ki kodları <head> etiketinin altına yapıştırın, sizin istediğiniz şey a:hover olandır.

    <style>
    /* ziyaret edilmeyen bağlantı */
    a:link { color: #FF0000;}

    /* ziyaret edilen bağlantı */
    a:visited {color: #00FF00; }

    /* fare gezinen bağlantı */
    a:hover {color: #FF00FF;}

    /* seçilmiş bağlantı */
    a:active {color: #0000FF;}
    </style>
    yazı içi tüm link yapısını değiştirmek istemiyorum, hover efektli css buton ekledim: buton arka plan yeşil, üzerindeki yazı beyaz, butonda efekt olduğu için arka plan rengi yeşilden beyaza geçiyor ve link gözükmüyor.
  • 08-05-2023, 05:43:11
    #5
    mehmetkul
    mehmetkul 
    <style>
a.custom-link {
  color: #000000; /* Normal durumda kullanılacak renk */
  text-decoration: none; /* Alt çizgiyi kaldırma */
}

a.custom-link:hover {
  color: #FF0000; /* Üzerine gelindiğinde kullanılacak farklı renk */
}
</style>

<a href="http://r10.net" class="custom-link">link</a>


<style>
.button {
  display: inline-block;
  padding: 10px 20px;
  background-color: green;
  color: white;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.button:hover {
  background-color: white;
  color: green;
}
</style>

<a href="http://r10.net" class="button">link</a>
  • 08-05-2023, 11:42:54
    #6
    xRACONx
    xRACONx
    mehmetkul adlı üyeden alıntı: mesajı görüntüle 
    <style>
a.custom-link {
  color: #000000; /* Normal durumda kullanılacak renk */
  text-decoration: none; /* Alt çizgiyi kaldırma */
}

a.custom-link:hover {
  color: #FF0000; /* Üzerine gelindiğinde kullanılacak farklı renk */
}
</style>

<a href="http://r10.net" class="custom-link">link</a>


<style>
.button {
  display: inline-block;
  padding: 10px 20px;
  background-color: green;
  color: white;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.button:hover {
  background-color: white;
  color: green;
}
</style>

<a href="http://r10.net" class="button">link</a>
    teşekkürler hocam