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 ? XF2 Sayfa Başlığın da Kodların Görünmesini Engelleme

Sis

Sis

xFanatik
SMS onaylı
Kullanıcı
Katılım
17 Nis 2018
Mesajlar
1,281
Çözümler
11
Cümle ve Kelimeler kısmından forum içerisindeki bir yazıyı html olarak renklendirdim. Ama ekran sayfa başlığında kodlar görünüyor :) Bunu nasıl engellerim ?

Aynı şekilde bu ekrandaki diğer renklendirdiğim yazıda da html kodlar tepede görünüyor '' mavi ok ile işaretledim. ''

Görüntü:

1629399900997.png
 

Nasıl yapılır ? XF2 Sayfa Başlığın da Kodların Görünmesini Engelleme

netr0n
Cümle ve kelimelerde neden yapıyorsun :)

Kullandığın temanın account_wrapper şablonunda işlem yapabilirsin.

Mesela bir tane linke işlem yapalım.

HTML: 
<a class="blockLink {{ $pageSelected == 'ignored' ? 'is-selected' : '' }}" style="color: #111111;" href="{{ link('account/ignored') }}">
    {{ phrase('ignoring') }}
</a>
Tamamını görüntüle
Tarihe göre sırala Oylara göre sırala
Aslında nth-child(value) mantığıyla daha kolay yapılabilir gibi geldi. Ama siteyi görmediğim için maalesef emin konuşamayacağım.

Kendimde denedim ve evet dediğim gibi;

1629593229842.png

Kodu veriyorum artık mantık kurup çözebileceğine inanıyorum. Yada sitenizi DM üzerinden yollarsanız bir kontrol edebilirim.

CSS: 
ul.listPlain.listColumns.listColumns--narrow.listColumns--together li:nth-child(4) a {
    color: red;
}


Biraz karışık oldu ama umarım anlayabilirsiniz.
1629593411059.png
 
  • Beğen
Tepkiler: Sis
Oyla 0 Downvote
HKeNN' Alıntı:
Aslında nth-child(value) mantığıyla daha kolay yapılabilir gibi geldi. Ama siteyi görmediğim için maalesef emin konuşamayacağım.

Kendimde denedim ve evet dediğim gibi;

Ekli dosyayı görüntüle 17421

Kodu veriyorum artık mantık kurup çözebileceğine inanıyorum. Yada sitenizi DM üzerinden yollarsanız bir kontrol edebilirim.

CSS: 
ul.listPlain.listColumns.listColumns--narrow.listColumns--together li:nth-child(4) a {
    color: red;
}


Biraz karışık oldu ama umarım anlayabilirsiniz.
Ekli dosyayı görüntüle 17422
Genişletmek için tıkla ...

Adım adım verdiğin kodu nasıl hangi şablona ayarlayacagimi anlatsaydın daha mantıklı olurdu :) Eve geçince inceliycem.
 
Oyla 0 Downvote
Sis' Alıntı:
Evet bahsettiğiniz mantığı anladım şimdi hocam. Fakat ben sizin gösterdiğiniz alanda renklendirme yapmıycam. Yukarı da ekran görüntüsünde belirttim. :)
Genişletmek için tıkla ...
Hocam yine aynı mantık class içindeki li yi child değeri vererek yakala bide ekstra olarak a etiketini koy yada hiç yorulmayayım diyorsan DM üzerinden site adresinizi iletin istediğiniz yer ile alakalı bakayım size buradan kodları ileteyim.
 
  • Beğen
Tepkiler: Sis
Oyla 0 Downvote
Sis' Alıntı:
Özel mesaj yoluyla yazdım hocam.
Genişletmek için tıkla ...
Aşağıdaki kodları "kullandığınız temanın" extra.less şablonuna ekleyip kayıt edin bakalım ne olacak. Renkleri kendinize göre düzenlersiniz.

Less: 
html[data-template="account_details"] {
    .block-body {
        a[href="/profil/alerts"] {
            color: #DE3163;
        }
        a[href="/profil/reactions"] {
            color: #DE3163;
        }
        a[href="/profil/bookmarks"] {
            color: #DE3163;
        }
        a[href="/profil/account-details"] {
            color: #DE3163;
        }
        a[href="/profil/preferences"] {
            color: #DE3163;
        }
        a[href="/profil/security"] {
            color: #DE3163;
        }
        a[href="/profil/privacy"] {
            color: #DE3163;
        }
        a[href="/profil/signature"] {
            color: #DE3163;
        }
        a[href="/profil/following"] {
            color: #DE3163;
        }
        a[href="/profil/ignored"] {
            color: #DE3163;
        }
    }
}
 
  • Beğen
Tepkiler: Sis
Oyla 1 Downvote
netr0n' Alıntı:
Aşağıdaki kodları "kullandığınız temanın" extra.less şablonuna ekleyip kayıt edin bakalım ne olacak. Renkleri kendinize göre düzenlersiniz.

Less: 
html[data-template="account_details"] {
    .block-body {
        a[href="/profil/alerts"] {
            color: #DE3163;
        }
        a[href="/profil/reactions"] {
            color: #DE3163;
        }
        a[href="/profil/bookmarks"] {
            color: #DE3163;
        }
        a[href="/profil/account-details"] {
            color: #DE3163;
        }
        a[href="/profil/preferences"] {
            color: #DE3163;
        }
        a[href="/profil/security"] {
            color: #DE3163;
        }
        a[href="/profil/privacy"] {
            color: #DE3163;
        }
        a[href="/profil/signature"] {
            color: #DE3163;
        }
        a[href="/profil/following"] {
            color: #DE3163;
        }
        a[href="/profil/ignored"] {
            color: #DE3163;
        }
    }
}
Genişletmek için tıkla ...

Evet şimdi bütün hepsi renklendi ama şöyle bişey var :)

Sadece '' Kişisel Detaylar '' alanına girdiğin zaman aşağıdaki gibi görünüyor renkler. Yani sadece Kişisel Detaylar 'a girince renklendirme yapıyor. Özellikle istesek böyle bir kod gelmez heralde hocam :D Aslında bu daha iyi oldu.

Mesela Kimlik Doğrulamaya girdiğim zaman renk direk gidiyo :) Güzel hoş bi görüntü oldu. Çok beğendim hocam eline sağlık :)




1629751899153.png

1629751992660.png
 
Oyla 0 Downvote
Evet mantıklı :D

Tüm alanlarda göstermek için şöyle kullanılabilir. ;)

Less: 
.block-body {
    a[href="/profil/alerts"] {
        color: #DE3163;
    }
    a[href="/profil/reactions"] {
        color: #DE3163;
    }
    a[href="/profil/bookmarks"] {
        color: #DE3163;
    }
    a[href="/profil/account-details"] {
        color: #DE3163;
    }
    a[href="/profil/preferences"] {
        color: #DE3163;
    }
    a[href="/profil/security"] {
        color: #DE3163;
    }
    a[href="/profil/privacy"] {
        color: #DE3163;
    }
    a[href="/profil/signature"] {
        color: #DE3163;
    }
    a[href="/profil/following"] {
        color: #DE3163;
    }
    a[href="/profil/ignored"] {
        color: #DE3163;
    }
}
 
  • Beğen
Tepkiler: Sis
Oyla 1 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