Neler yeni
Kullanıcı:
Filtreler

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

Nasıl yapılır ? FeedBack alanına FA iconları

hasannakyuz
hasannakyuz

hasannakyuz

xFanatik
SMS onaylı
Kullanıcı
Merhabalar;

Eski forum sitemde bunu extra.less' de düzenleme yaparak yapmıştım ancak bunu nasıl yaptığımı hatırlamıyorum, kodlarda elimde olmadığından çözemedim durumu, resim' de görüldüğü gibi bunu nasıl yaparım acaba?

Örnek konu bağlantısı ;
Ziyaretçiler için gizlenmiş link, görmek için Giriş yap veya üye ol.


feedbacka.png
 
Ugur
haso.jpg

Şunu dene:


CSS: 
.feedbackStatsPostbit {
    a {
        margin: 0 auto;

        &:before {
            display: flex;
            justify-content: space-around;
        }
    }
    padding-top: 4px;
    display: flex;
    justify-content: center;
}

.feedbackStatsPostbit a:nth-child(1) {
    &:before {
        .m-faContent(@fa-var-comment);
        color: #6FB758;
        display: block !important;
        margin-left: 4px;
        margin-bottom: 4px;
    }
}

.feedbackStatsPostbit a:nth-child(2) {
    &:before {
        .m-faContent(@fa-var-comment);
        color: #E6574B;
        display: block !important;
        margin-left: 4px;
        margin-bottom: 4px;
    }
}

.feedbackStatsPostbit a:nth-child(3) {
    &:before...
Tarihe göre sırala Oylara göre sırala
Merhaba, aşağıdaki kod ile sanırım olabilir. Deneyin bakalım. İkonları kendinize göre eklersiniz.

Less: 
.feedbackStatsPostbit {
    a {
        &:before {
            display: flex;
            justify-content: space-around;
        }
    }
    padding-top: 4px;
    display: flex;
    justify-content: center;
}


.feedbackStatsPostbit a:nth-child(1) {
    &:before {
        .m-faContent(@fa-var-comment);
        color: #6FB758;
    }
}

.feedbackStatsPostbit a:nth-child(2) {
    &:before {
        .m-faContent(@fa-var-comment);
        color: #E6574B;
    }
}

.feedbackStatsPostbit a:nth-child(3) {
    &:before {
        .m-faContent(@fa-var-comment);
        color: #A0A0A0;
    }
}
 
Oyla 0 Downvote
netr0n' Alıntı:
Merhaba, aşağıdaki kod ile sanırım olabilir. Deneyin bakalım. İkonları kendinize göre eklersiniz.

Less: 
.feedbackStatsPostbit {
    a {
        &:before {
            display: flex;
            justify-content: space-around;
        }
    }
    padding-top: 4px;
    display: flex;
    justify-content: center;
}


.feedbackStatsPostbit a:nth-child(1) {
    &:before {
        .m-faContent(@fa-var-comment);
        color: #6FB758;
    }
}

.feedbackStatsPostbit a:nth-child(2) {
    &:before {
        .m-faContent(@fa-var-comment);
        color: #E6574B;
    }
}

.feedbackStatsPostbit a:nth-child(3) {
    &:before {
        .m-faContent(@fa-var-comment);
        color: #A0A0A0;
    }
}
Genişletmek için tıkla ...
ttttt.png

bu şekilde oldu hocam
 
Oyla 0 Downvote
haso.jpg

Şunu dene:


CSS: 
.feedbackStatsPostbit {
    a {
        margin: 0 auto;

        &:before {
            display: flex;
            justify-content: space-around;
        }
    }
    padding-top: 4px;
    display: flex;
    justify-content: center;
}

.feedbackStatsPostbit a:nth-child(1) {
    &:before {
        .m-faContent(@fa-var-comment);
        color: #6FB758;
        display: block !important;
        margin-left: 4px;
        margin-bottom: 4px;
    }
}

.feedbackStatsPostbit a:nth-child(2) {
    &:before {
        .m-faContent(@fa-var-comment);
        color: #E6574B;
        display: block !important;
        margin-left: 4px;
        margin-bottom: 4px;
    }
}

.feedbackStatsPostbit a:nth-child(3) {
    &:before {
        .m-faContent(@fa-var-comment);
        color: #A0A0A0;
        display: block !important;
        margin-left: 4px;
        margin-bottom: 4px;
    }
}
 
Oyla 0 Downvote
Çözüm
Ugur' Alıntı:
Ekli dosyayı görüntüle 27791

Şunu dene:


CSS: 
.feedbackStatsPostbit {
    a {
        margin: 0 auto;

        &:before {
            display: flex;
            justify-content: space-around;
        }
    }
    padding-top: 4px;
    display: flex;
    justify-content: center;
}

.feedbackStatsPostbit a:nth-child(1) {
    &:before {
        .m-faContent(@fa-var-comment);
        color: #6FB758;
        display: block !important;
        margin-left: 4px;
        margin-bottom: 4px;
    }
}

.feedbackStatsPostbit a:nth-child(2) {
    &:before {
        .m-faContent(@fa-var-comment);
        color: #E6574B;
        display: block !important;
        margin-left: 4px;
        margin-bottom: 4px;
    }
}

.feedbackStatsPostbit a:nth-child(3) {
    &:before {
        .m-faContent(@fa-var-comment);
        color: #A0A0A0;
        display: block !important;
        margin-left: 4px;
        margin-bottom: 4px;
    }
}
Genişletmek için tıkla ...
sağol uğur abi işimi gördü, gerisini ben kurcalarım 🙏 size de teşekkürler @netr0n hocam
 
Oyla 0 Downvote
Ugur' Alıntı:
Ekli dosyayı görüntüle 27791

Try this:


CSS: 
.feedbackStatsPostbit {
    a {
        margin: 0 auto;

        &:before {
            display: flex;
            justify-content: space-around;
        }
    }
    padding-top: 4px;
    display: flex;
    justify-content: center;
}

.feedbackStatsPostbit a:nth-child(1) {
    &:before {
        .m-faContent(@fa-var-comment);
        color: #6FB758;
        display: block !important;
        margin-left: 4px;
        margin-bottom: 4px;
    }
}

.feedbackStatsPostbit a:nth-child(2) {
    &:before {
        .m-faContent(@fa-var-comment);
        color: #E6574B;
        display: block !important;
        margin-left: 4px;
        margin-bottom: 4px;
    }
}

.feedbackStatsPostbit a:nth-child(3) {
    &:before {
        .m-faContent(@fa-var-comment);
        color: #A0A0A0;
        display: block !important;
        margin-left: 4px;
        margin-bottom: 4px;
    }
}
Genişletmek için tıkla ...

i try to add the code to extra.less but nothing change?
 
Oyla 0 Downvote
Cevap yazmak için giriş yap yada kayıt ol.

Tema özelleştirme sistemi

Bu menüden forum temasının bazı alanlarını kendinize özel olarak düzenleye bilirsiniz

Sisteme duyarlı
Gündüz modu
Gece modu
Zevkini yansıtan rengi seç

Geniş / Dar görünüm

Temanızı geniş yada dar olarak kullanmak için kullanabileceğiniz bir yapıyı kontrolünü sağlayabilirsiniz.

Izgara görünümlü forum listesi

Forum listesindeki düzeni ızgara yada sıradan listeleme tarzındaki yapının kontrolünü sağlayabilirsiniz.

Resimli ızgara modu

Izgara forum listesinde resimleri açıp/kapatabileceğiniz yapının kontrolünü sağlayabilirsiniz.

Kenar çubuğunu kapat

Kenar çubuğunu kapatarak forumdaki kalabalık görünümde kurtulabilirsiniz.

Sabit kenar çubuğu

Kenar çubuğunu sabitleyerek daha kullanışlı ve erişiminizi kolaylaştırabilirsiniz.

Köşe kıvrımlarını kapat

Blokların köşelerinde bulunan kıvrımları kapatıp/açarak zevkinize göre kullanabilirsiniz.

Geri