Kullanıcı:
Filtreler
Neler yeni
XenGenTr
Neler yeni

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

Giriş yap Şimdi kayıt ol
  • Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
    Daha fazla bilgi!

Nasıl yapılır ? Butonları nasıl bu sekılde yapabilirim?

Garfield

Garfield

xFanatik
Aktif Lisans
SMS onaylı
Kullanıcı
Katılım
4 Nis 2020
Mesajlar
2,357
Çözümler
105
SS'teki gibi kutu içine almak istiyorum.

wmtr.net

Modern Tema + Dark Mode Kullanıma Açıldı!

Sevgili WMTR ailesi, forum sitemizde birden fazla temayı kullanıma sunduk isteyen kullanıcı istediği temayı tema değişim butonundan seçerek kullanabilir. + Gece (dark) modu. Buton konumları ise Header (site sağ üst) footer (site sol alt)
wmtr.net wmtr.net
 

Ekli dosyalar

  • Screenshot_1.png
    Screenshot_1.png
    5.8 KB · Görüntüleme: 60

Nasıl yapılır ? Butonları nasıl bu sekılde yapabilirim?

netr0n
Garfield' Alıntı:
İlettim hocam
Genişletmek için tıkla ...
Düzenlenmiştir.

Eklendiğim kodlar aşağıdaki gibidir.

Less: 
.actionBar-set {
    .actionBar-action--reaction,
    .actionBar-action--mq,
    .actionBar-action--reply,
    .actionBar-action--tag{
        padding: 4px 4px;
        color: #FFF;
        background-color: #185886;
        border: 1px solid #185886;
        border-radius: 3px;
    }
}
Tamamını görüntüle
Tarihe göre sırala Oylara göre sırala
Bahsettiğin sadece buton şeklinde arka plan oluşturmaksa,

Kod: 
.actionBar-action {
    background-color: #52556d;
    color: white;
}

bu şekilde dene istersen
 
Oyla 0 Downvote
ya kısmen oldu aslında ama bi garip oldu :D
 

Ekli dosyalar

  • Screenshot_1.png
    Screenshot_1.png
    263.1 KB · Görüntüleme: 29
Oyla 0 Downvote
Bunun daha farklı bir kodu vardı uygulamıstım ben iç dıs kalınlık boşluk padding vs cerceve degerını felan belırlıyoduk, üstad lar bakar müsait olunca.
 
Oyla 0 Downvote
O zaman bu şekilde eklemeyi dene :)

Garfield' Alıntı:
Bunun daha farklı bir kodu vardı uygulamıstım ben iç dıs kalınlık boşluk padding vs cerceve degerını felan belırlıyoduk, üstad lar bakar müsait olunca.
Genişletmek için tıkla ...

Kod: 
.actionBar-action {
    display: inline-block;
    padding: 3px;
    border: 4px solid #52556d;
    border-radius: 4px;
    margin-left: 5px;
    background-color: #52556d;
    color: white;
}
 
Oyla 0 Downvote
sadece sağ taraftaki buton grubuna uygulamak ıcın ne yapmam gereklı ss te gorunenler.
 

Ekli dosyalar

  • Screenshot_2.png
    Screenshot_2.png
    16.3 KB · Görüntüleme: 28
Oyla 0 Downvote
Yani onların hepsi aynı class. Üstadlardan birinin bakması lazım. Ayrılması lazım sol taraftan.
 
Oyla 0 Downvote
Aşağıdaki kodları ekleyebilirsiniz.

Less: 
.actionBar-set {
    .actionBar-action--reaction,
    .actionBar-action--mq,
    .actionBar-action--reply {
        padding: 4px 4px;
        color: #FFF;
        background-color: #185886;
        border: 1px solid #185886;
        border-radius: 3px;
    }
}
 
Oyla 0 Downvote
Cevap yazmak için giriş yap yada kayıt ol.

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

Giriş yap Şimdi kayıt ol