Nasıl yapılır ? Xenforo Giriş Yap ve Kayıt Ol Buton Özelleştirmesi Nasıl Yapılır ?

Sis · 18 Eyl 2022

Aşağıdaki örnekte bulunan XF 2 butonun özelleştirmesini nasıl yapabilirim ?

Aşağıdaki örnekteki gibi birşey istiyorum. Bunu nasıl yapabilirim ?

Yeşil butonun üzerine maus ile gelince buton YEŞİL oluyor.
Mavi nin üzerine maus ile gelince buton MAVİ oluyor.

Giriş Yap butonunu = YEŞİL / Kayıt Ol butonunu = MAVİ yapmak istiyorum.

YEŞİL RENK KODU: #28a745
MAVİ RENK KODU: #007bff

Sis · 18 Eyl 2022

Kullanıcılar navbar 'a girince dipdibe giriyorlar.

Bu kahrolasını ayıramadım

netr0n hocam

netr0n · 19 Eyl 2022

Sis' Alıntı:
Kullanıcılar navbar 'a girince dipdibe giriyorlar.

Bu kahrolasını ayıramadım netr0n hocam

Ekli dosyayı görüntüle 20855

Koda margin-left: 5px; eklemesi yapabilirsin

Sis · 19 Eyl 2022

netr0n' Alıntı:
Koda margin-left: 5px; eklemesi yapabilirsin

Hocam bunu denedim de gece kaydırdığım zaman alt katman aynı yerde kalıyor

Dikkatli bakıldığın da maus ile üzerine geldiğim zaman kabak gibi görünüyo o alan onu nasıl yok edicez veya alt katmanla kaydırmayı nasıl yapıcaz

)

Resim kaydırılmış hali hemen solundaki açık renkli alan kaydırıldığı alan

belli oluyo yani mausla üstüne gelince o kısmın

thea · 5 Nis 2023

netr0n' Alıntı:

Diyorsun

Bootstrap buton tarzı için kullandığın temanın extra.less şablonuna eklersin.

Less:

[data-logged-in="false"] {
    .p-navgroup-link {
        margin-bottom: 2px;
        margin-left: 3px;
        &--logIn {
            color: #28a745 !important;
            background: transparent;
            border: 1px solid #28a745 !important;
            border-radius: 4px;
            transition: color .15s ease-in-out,
                background .15s ease-in-out,
                border-color .15s ease-in-out;
            &:hover {
                color: #fff !important;
                background: #28a745;
                border-color: #28a745;
            }
        }
        &--register {
            color: #dc3545 !important;
            background: transparent;
            border: 1px solid #dc3545 !important;
            border-radius: 4px;
            transition: color .15s ease-in-out,
                background .15s ease-in-out,
                border-color .15s ease-in-out;
            &:hover {
                color: #fff !important;
                background: #dc3545;
                border-color: #dc3545;
            }
        }
    }
}

Sonuç

Ekli dosyayı görüntüle 20848

elinize sağlık

thea · 5 Nis 2023

netr0n' Alıntı:

İyi duracağını zannetmiyorum ama mantık aynı. Sanırım sen o alanda XGT html Sayfayı kullanıyordun.

Less:

[data-nav-id="xgtHtml_sayfa"] {
    margin-bottom: 2px;
    color: #28a745 !important;
    background: transparent;
    border: 1px solid #28a745 !important;
    border-radius: 4px;
    transition: color .15s ease-in-out,
        background .15s ease-in-out,
        border-color .15s ease-in-out;
    &:hover {
        color: #fff !important;
        background: #28a745  !important;
        border-color: #28a745;
    }
}

Selamlar iyi çalışmalar

netr0n, yeni üyelikler e mail onayı yapıldığı zaman kayıt ol butonu kayboluyor sadece giriş yap butonu gözüküyor. sorun için bilgi almam mümkünmü acaba. Hayırlı ramazanlar tekrardan

Birisi · 11 Ağu 2023

netr0n hocam iyi akşamlar

Bende böyle görünüyor.

bu şekil nasıl yapabilirim.

Giriş yap kayıt ol yazmıyor. sadece ikonlar görünüyor.

Birisi · 12 Ağu 2023

Nasıl yapılacağı konusunda yardımcı olabilir misiniz.

Birisi · 12 Ağu 2023

PAGE_CONTAINER şablonunda yaptığım değişiklik ile istediğim oldu, Teşekkürler.

Ara

Ara

Foruma hoş geldin 👋, Ziyaretçi

Nasıl yapılır ? Xenforo Giriş Yap ve Kayıt Ol Buton Özelleştirmesi Nasıl Yapılır ?

Sis

xFanatik