Üst

Çözüldü Mesaj Alanı Renkli Ve Modern Görünüm

  • Konuyu Başlatan Konuyu Başlatan Symbolic
  • Başlangıç tarihi Başlangıç tarihi
  • Cevaplar Cevaplar: Cevaplar 3
  • Görüntüleme Görüntüleme: Görüntüleme 15
Bu sorun verilen destek sayesinde çözüme ulaştırılmıştır.

Symbolic

XenWp Kullanıcı
Puan 3
Çözümler 0
Katılım
2 May 2026
Mesajlar
7
Tepkime puanı
5
Symbolic
1779034304658.webp

Mesaj alanını renkli ve modern görünüm nasıl yapabilirim
 
Çözüm
Aşağıdaki kodu extra.less şablonuna ekleyerek yapabilirsiniz


CSS:
.fr-toolbar .fr-btn-grp button, .fr-toolbar .fr-more-toolbar button, .fr-dropdown-content ul.fr-dropdown-list li,
.fr-popup .fr-buttons button {
    &:nth-child(1) {
        color: #18A1C8;
    }
    &:nth-child(2) {
        color: #8C72CB;
    }
    &:nth-child(3) {
        color: #35A68B;
    }
    &:nth-child(4) {
        color: #BA8E03;
    }
    &:nth-child(5) {
        color: #FB6237;
    }
    &:nth-child(6) {
        color: #E765B0;
    }
    &:nth-child(7) {
        color: #6BA036;
    }
    &:nth-child(8) {
        color: #D61F22;
    }
    &:nth-child(9) {
        color: #18A1C8;
    }
    &:nth-child(10) {
        color: #8C72CB;
    }
    &:nth-child(11) {...
Aşağıdaki kodu extra.less şablonuna ekleyerek yapabilirsiniz


CSS:
.fr-toolbar .fr-btn-grp button, .fr-toolbar .fr-more-toolbar button, .fr-dropdown-content ul.fr-dropdown-list li,
.fr-popup .fr-buttons button {
    &:nth-child(1) {
        color: #18A1C8;
    }
    &:nth-child(2) {
        color: #8C72CB;
    }
    &:nth-child(3) {
        color: #35A68B;
    }
    &:nth-child(4) {
        color: #BA8E03;
    }
    &:nth-child(5) {
        color: #FB6237;
    }
    &:nth-child(6) {
        color: #E765B0;
    }
    &:nth-child(7) {
        color: #6BA036;
    }
    &:nth-child(8) {
        color: #D61F22;
    }
    &:nth-child(9) {
        color: #18A1C8;
    }
    &:nth-child(10) {
        color: #8C72CB;
    }
    &:nth-child(11) {
        color: #35A68B;
    }
    &:nth-child(12) {
        color: #BA8E03;
    }
    &:nth-child(13) {
        color: #FB6237;
    }
    &:nth-child(14) {
        color: #E765B0;
    }
    &:nth-child(15) {
        color: #6BA036;
    }
    &:nth-child(16) {
        color: #D61F22;
    }
}
 
Oyla 0
Çözüm
Çok güzel oldu teşekkür ederim
 
Oyla 0
Oyla 0

! Lütfen dikkat !

Forumumuzda kaliteli ve etkileşimli bir ortam sağlamak adına, lütfen konu dışı ve gereksiz cevaplar vermekten kaçının. Forum kurallarına aykırı davranışlar yasaktır. Hep birlikte daha verimli ve düzenli bir platform oluşturmak için kurallara uyalım.

Bu Konuyu Görüntüleyen Kullanıcılar (Toplam: 0, Üyeler: 0, Misafirler: 0)

Geri