Discourse kaydol butonuna ikon eklemek

Hazır Uygulamalar Discourse
1

Discourse forumlarında kaydol butonlarına ikon eklemek için aşağıdaki adımları takip edebilirsiniz:

  1. Öncelikle, bir ikon bulmanız gerekiyor. Örneğin, kaydol butonuna “+” işareti ekleyebilirsiniz veya bir kullanıcı simgesi kullanabilirsiniz. İkonları kendiniz çizebilir veya hazır ikonlar bulabileceğiniz bir siteden indirebilirsiniz.
  2. İkonu bulduktan sonra, bunu bir URL adresine yüklemeniz gerekiyor. Bunun için, bir bulut depolama hizmeti veya resim yükleme sitesi kullanabilirsiniz. Örneğin, Imgur veya Cloudinary gibi hizmetler ücretsiz olarak kullanılabilir.
  3. İkonu yükledikten sonra, Discourse forumunuzdaki “Ayarlar” bölümüne gidin ve “CSS” sekmesini seçin.
  4. CSS sayfasında, aşağıdaki kodu ekleyin:
.btn-primary.signup-button:before {
content: "";
background-image: url("ikonunuzun_URL_adresi");
background-repeat: no-repeat;
background-size: 16px 16px;
width: 16px;
height: 16px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}

Bu kod, kaydol butonunun önünde bir ikon görüntülemek için gerekli olan CSS stilini içerir.

  1. Kodu kaydedin ve kaydol sayfasını yenileyin. Artık kaydol butonunuzun önünde yeni bir ikon görünmelidir.

Not: Yukarıdaki kod, Discourse forumunuzun stilini etkileyebileceğinden, kodu eklemek önce bir yedekleme yapmanızı öneririz.

1 Like