Şu an “Kaydol” ve “Giriş” butonları için FlarumTR’de kullandığım özelleştirmelerini aşağıda paylaştım. Aşağıdaki kodlar Kaydol ve Giriş butıonlarını FlarumTR ile aynı yapar. Renkleri değiştirebilirsiniz. İsterseniz ikonda ekleyebilirsiniz.

https://flarumtr.com/d/693-flarumda-kayit-ol-ve-giris-butonlarina-ikon-ekleme

Burada dikkat etmeniz gereken nokta, Kaydol ve Giriş butonlarını nasıl kullandığınız. Mesela ben giriş butonunu GiRiŞ şeklinde kullanıyorum. Giriş kelimesindeki i harfleri küçük harf, diğerleri büyük harf. Demek istediğim şu ki, sitenizde giriş ve kaydol nasıl yazılmışsa aşağıdaki kodlarda ( [title="GİRİŞ"] ) o şekilde yazılması gerekiyor.

@media (max-width: 767px) { #header-secondary > ul > li.item-logIn  > button[title="Giriş Yap"] {margin-top:10px;}}

#header-secondary > ul > li.item-logIn  > button[title="Giriş Yap"]:hover {
    background: #1C9963 !important;
    margin-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    transition-duration: 1s;
    color: #fff;
    border-radius: 30px;
    width: 100px;
    text-align: center;
    transition: margin-right .1s;}

#header-secondary > ul > li.item-signUp > button[title="Kaydol"]:hover {
    background: #1f57a0 !important; 
    margin-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    transition-duration: 1s;
    color: #fff; 
    border-radius: 30px;
    width: 100px;
   text-align: center;
   transition: margin-right .1s;}

#header-secondary > ul > li.item-logIn  > button[title="Giriş Yap"] {
    border: 2px solid #1C9963;
    margin-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    transition-duration: 1s;
    color: #1C9963;
    border-radius: 30px;
    width: 100px;
    text-align: center;
    font-weight: 700;}

#header-secondary > ul > li.item-signUp > button[title="Kaydol"] {
    border: 2px solid  #1f57a0; 
    margin-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    transition-duration: 1s;
    color:  #1f57a0; 
    border-radius: 30px;
    width: 100px;
   text-align: center;
   font-weight: 700;}

    Teşekkürler denıyorum

    yessssssss

    Teşekkürler, güzel olmuş böyle

    4 gün sonra

    Teşekkürler

    5 gün sonra

    Teşekkürler

    neden içeriği görmek için yorum yapıyoruz saçma

      Hadımköy Kombi Servisi Minecraft Türk Sunucular