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.

Nasıl yapılır ? XF2 Mesajlar ve Bildirim ikonlarını değiştirme

  • Konuyu Başlatan Konuyu Başlatan Sis
  • Başlangıç tarihi Başlangıç tarihi

Sis

xFanatik
SMS onaylı
Kullanıcı
Katılım
17 Nisan 2018
Mesajlar
1,418
Çözümler
12
Tepkime puanı
437
Örnek Görselde gösterdiğim Mesajlar ve Bildirimler ikonlarını modern ikonlarla değiştirmek istiyorum. Bunu nasıl yapabilirim?

1000000636.jpg
 
Çözüm
While i try to use this code it show the below ( how to remove the old one? )

1- code before
Kod:
.p-navgroup-link.p-navgroup-link--conversations:before {
  display: block;
  content: ' ';
  background-image: url(http://localhost/xenforo/upload/mail-opened.png);
  background-size: 28px 28px;
  height: 28px;
  width: 28px;
}
Ekli dosyayı görüntüle 27450

2 code after
Kod:
.p-navgroup-link.p-navgroup-link--conversations:after {
  display: block;
  content: ' ';
  background-image: url(http://localhost/xenforo/upload/mail-opened.png);
  background-size: 28px 28px;
  height: 28px;
  width: 28px;
}

Ekli dosyayı görüntüle 27451

3 code for netifcation please how can i change it also?
Oldu ama bu arkadaşın görselde belirttiği gibi XF'nin...
Ziyaretçiler için gizlenmiş link, görmek için Giriş yap veya üye ol.

Bu tarz iconları kullanmak istiyorum. Default tema için varolan ile nasıl değiştirebilirim?
CSS:
icon-div:before {
  display: block;
  content: ' ';
  background-image: url('../images/icon-div.svg');
  background-size: 28px 28px;
  height: 28px;
  width: 28px;
}
 
CSS:
icon-div:before {
  display: block;
  content: ' ';
  background-image: url('../images/icon-div.svg');
  background-size: 28px 28px;
  height: 28px;
  width: 28px;
}

Hocam bu verdiğin kodları eklediğim de default tema da hiçbir değişiklik olmadı.

icon dosya yolunu altta ki örnek şekilde ayarladım. ama yinede bir yeni icon görünmüyor

Kod:
  background-image: url('https://domains.net/styles/messages.svg');
 
Hocam bu verdiğin kodları eklediğim de default tema da hiçbir değişiklik olmadı.

icon dosya yolunu altta ki örnek şekilde ayarladım. ama yinede bir yeni icon görünmüyor

Kod:
  background-image: url('https://domains.net/styles/messages.svg');
Merhaba bunu icon clasina gore ayarlamaniz gerek after before i ne varsa artik yani

CSS:
.p-navgroup-link.p-navgroup-link--conversations:before {
  display: block;
  content: ' ';
  background-image: url(styles/default/bal.svg);
  background-size: 28px 28px;
  height: 28px;
  width: 28px;
}

Screenshot 2024-08-11 094524.jpg
 
  • Beğen
Tepkiler: Sis

Tema özelleştirme sistemi

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

  • 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.

  • Zevkini yansıtan renk kombinasyonunu seç
    Arkaplan resimleri
    Renk geçişli arkaplanlar
Geri