0
Kayıt Ol

Linklerin alt çizgisini nasıl bu şekilde yapabilirim?

3

●

50

  • 19-05-2021, 06:35:39
    #1
    ru1ns
    ru1ns
    Selam arkadaşlar,
    Ben sitedeki linklerin altındaki çizgi ile metnin arasına biraz boşluk koymaki istiyorum bu mümkün müdür?
    Şuan sitede linklerin altındaki çizgi bu şekilde:


    Ben bu şekilde yapmak istiyorum:

    kullandığım tema Jannah
  • Kabul Edilen Cevap
    • Onur_Ozturk
      0 Beğeni
      Mesaja Git
      ru1ns adlı üyeden alıntı: mesajı görüntüle
      Hocam yanıt için teşekkür ederim fakat bunu nereye ekleyeceğim? Jannah/style.css içine mi?
      Hocam verdiğim sadece bir örnekti bunu oraya ekleseniz dahi direkt çalışmaz. Wordpress kullanıyorsunuz sanırım. Bunu CSS dosyasına ekledikten sonra sitenizde var olan ve böyle görünmesini istediğiniz bütün linklerin arayüzde görünen text kısmındaki yazıları(örneğin " buraya tıklayın vb.") span içerisine almanız gerekmektedir.


      Sitenin yapısının nasıl olduğunu bilmediğim için tam olarak nereye ekleyeceğinizi söyleyemem. html içerisinde hangi css dosyası dahil edilmiş ise o css sayfasına verdiğim css kodunun span kısmını eklemeniz yeterli olacaktır.
  • 19-05-2021, 06:48:25
    #2
    Onur_Ozturk
    Onur_Ozturk
    tam net kodu yok ama şöyle bir hile yapabiliriz.

    CSS kodu:

    div {

  width: 300px;
}

span {
  padding-bottom: 5px;
  border-bottom: 1px solid blue;
  line-height: 48px;
}
    Html kodu:

    <div>
  <a href="#" style="text-decoration: none"><span>insert multiline texts here</span></a>
</div>
    Örnek Görünüm



    padding-bottom değeri ile oynayarak arasındaki boşluğu ayarlayabilirsiniz.
  • 19-05-2021, 06:58:01
    #3
    ru1ns
    ru1ns
    Onur_Ozturk adlı üyeden alıntı: mesajı görüntüle
    tam net kodu yok ama şöyle bir hile yapabiliriz.

    CSS kodu:

    div {

  width: 300px;
}

span {
  padding-bottom: 5px;
  border-bottom: 1px solid blue;
  line-height: 48px;
}
    Html kodu:

    <div>
  <a href="#" style="text-decoration: none"><span>insert multiline texts here</span></a>
</div>
    Örnek Görünüm



    padding-bottom değeri ile oynayarak arasındaki boşluğu ayarlayabilirsiniz.
    Hocam yanıt için teşekkür ederim fakat bunu nereye ekleyeceğim? Jannah/style.css içine mi?
  • 19-05-2021, 07:00:54
    #4
    Bu cevap, konu sahibi tarafından kabul edilebilir bir cevap olarak işaretlendi.
    Onur_Ozturk
    Onur_Ozturk
    ru1ns adlı üyeden alıntı: mesajı görüntüle
    Hocam yanıt için teşekkür ederim fakat bunu nereye ekleyeceğim? Jannah/style.css içine mi?
    Hocam verdiğim sadece bir örnekti bunu oraya ekleseniz dahi direkt çalışmaz. Wordpress kullanıyorsunuz sanırım. Bunu CSS dosyasına ekledikten sonra sitenizde var olan ve böyle görünmesini istediğiniz bütün linklerin arayüzde görünen text kısmındaki yazıları(örneğin " buraya tıklayın vb.") span içerisine almanız gerekmektedir.


    Sitenin yapısının nasıl olduğunu bilmediğim için tam olarak nereye ekleyeceğinizi söyleyemem. html içerisinde hangi css dosyası dahil edilmiş ise o css sayfasına verdiğim css kodunun span kısmını eklemeniz yeterli olacaktır.