0
Kayıt Ol

SCSS Olmadan Bu Aç/Kapa Butonunu Nasıl Yapabilirim?

6

●

58

  • 26-07-2021, 23:55:40
    #1
    SkyGhostAir
    SkyGhostAir
    Buradaki butonu siteye eklemek istiyorum ama SCSS olduğu için ne yapacağımı bilemedim, basit bir buton CSS ile de olabileceğini düşünüyorum ne yapabilirim? Biri benim için kodları düzenleyebilir mi rica etsem? https://codepen.io/muratdinc/pen/VwbyobN
  • 26-07-2021, 23:58:05
    #2
    FSahin
    FSahin
    View compiled CSS yaparak CSS’i alabilirsiniz.
  • 27-07-2021, 00:00:36
    #3
    SkyGhostAir
    SkyGhostAir
    FSahin adlı üyeden alıntı: mesajı görüntüle
    View compiled CSS yaparak CSS’i alabilirsiniz.
    Nasıl yapılacağı hakkında hiç bir bildim yok?
  • 27-07-2021, 00:04:42
    #4
    FSahin
    FSahin
    SkyGhostAir adlı üyeden alıntı: mesajı görüntüle
    Nasıl yapılacağı hakkında hiç bir bildim yok?
  • 27-07-2021, 02:21:51
    #5
    SkyGhostAir
    SkyGhostAir
    FSahin adlı üyeden alıntı: mesajı görüntüle
    Bunu her zaman kullanabilir miyiz hocam?

    Kodları şimdi siteye uyguladım ancak bağlantı verince çözemediğim iki sorun çıktı. Biri ucuna tıklayınca animasyon oluyor ama bağlantı dışı olduğu için adrese gitmiyor, diğeri ise tam metne tıklayınca bağlantıya gidiyor ama animasyon olmuyor. Bunu nasıl düzeltebilirim?

    Site: https://miyavliyo.com/

    Görsel:
  • 27-07-2021, 02:29:28
    #6
    FSahin
    FSahin
    SkyGhostAir adlı üyeden alıntı: mesajı görüntüle
    Bunu her zaman kullanabilir miyiz hocam?

    Kodları şimdi siteye uyguladım ancak bağlantı verince çözemediğim iki sorun çıktı. Biri ucuna tıklayınca animasyon oluyor ama bağlantı dışı olduğu için adrese gitmiyor, diğeri ise tam metne tıklayınca bağlantıya gidiyor ama animasyon olmuyor. Bunu nasıl düzeltebilirim?

    Site: https://miyavliyo.com/

    Görsel:
    Label + Input’lara link verilmez a tagı verirseniz de bu durumda yapılan işlem bozulacaktır. Zaten denemişsiniz bunu da.

    çözüm önerim şu;
    - Label’lara data-href verin.
    - jquery ile hangi label’a tıklandıya o bağlantıya gitsin.
  • 27-07-2021, 02:41:15
    #7
    SkyGhostAir
    SkyGhostAir
    FSahin adlı üyeden alıntı: mesajı görüntüle
    Label + Input’lara link verilmez a tagı verirseniz de bu durumda yapılan işlem bozulacaktır. Zaten denemişsiniz bunu da.

    çözüm önerim şu;
    - Label’lara data-href verin.
    - jquery ile hangi label’a tıklandıya o bağlantıya gitsin.
    Evet denemiştim, bozuldu.

    Emin değilim ancak data-href ile yaparsam bu SEO açısından sakıncalı olacaktır diye düşünüyorum, a href en sağlıklı yöntem gibi geliyor.

    Amacım hoş bir animasyon ile 2 site arasında gezinti sağlamak. TR'de EN'nin bağlantısı var, EN'de ise TR'nin bağlantısı var. Kodlar tam tersi olarak çalışıyorlar. Bu konuda farklı bir tavsiyeniz var mı hocam. İlla Laber ya da Input olmasına gerek yok böyle hoş bir şey yapmak istiyorum.