Help Widget ikon değiştirme ve içeriğinde boşluk bırakma

n3ujx

New member
Joined
Jan 5, 2020
Messages
29
Reaction score
3
Points
3
1/3
Thread owner
Başlıkta da belirttiğim gibi ikonunu nagivasyon menüsündeki gibi kolay değiştirilmiyor heralde ben nasıl yapılacağını bulamadım ayrıca Discord adındaki widgetta gördüğünüz gibi logoyla accept invite bölümü birleşik accept invite butonun resmin altında olması gerekiyor. <br /> komutu işe yaramıyor.

Maxthon-1-Vl-REy-ZGro.jpg
 
Resource Access
https://xentr.net
Solution
Dear Guests, welcome! Please, Log in or Register to view hide content!
Keşke bunu baştan söylemiş olsaydınız. HTML widget yapılarında herhangi bir widget-definition veya widget key olmadığı için bu alana ikon farklı bir şekilde eklenebilir.

Öncelikle eklediğimiz HTML widget kodlarımızı şu şekilde düzenliyoruz.
Code:
Dear Guests, welcome! Please, Log in or Register to view hide content!
Buraya kendi kodlarınız gelecek yazının oraya html kodlarınızı yerleştirin. İkon için ise kod içerisinde geçen <i class="fas fa-donate"></i> ikonunu kendinize göre...
Thread owner
Resmin altına almaya gerek kalmadı resmi komple kaldırdım fakat Discord widgetının ikonunu değiştirmem gerekiyor
 
Web site adresinizi profilinizden ekleyebilir misiniz?

Genel olarak basit bir şekilde ikonlar kenar çubuğu üzerinde bu şekilde yer aldırılır.
Code:
Dear Guests, welcome! Please, Log in or Register to view hide content!
Durum UIX temaları olunca biraz farklı olabilmektedir.

Ben yukarıdaki örnekte members_online widget değerine göre verdim. Siz kendi widget-definition değeri ne ise onu yazmalısınız.
 
Last edited:
Thread owner
Web adresim yok zevk için localhostumu kurup denemeler yapıyorum, desteğiniz için çok teşekkür ederim

edit: ikon değişmedi.
 
Thread owner
ben bu Discord widgetını HTML olarak oluşturdum Öğeyi incele yaptığımda "definition" gözükmüyor yok

Maxthon-SP2vc6-Fgd9.jpg
 
Dear Guests, welcome! Please, Log in or Register to view hide content!
Keşke bunu baştan söylemiş olsaydınız. HTML widget yapılarında herhangi bir widget-definition veya widget key olmadığı için bu alana ikon farklı bir şekilde eklenebilir.

Öncelikle eklediğimiz HTML widget kodlarımızı şu şekilde düzenliyoruz.
Code:
Dear Guests, welcome! Please, Log in or Register to view hide content!
Buraya kendi kodlarınız gelecek yazının oraya html kodlarınızı yerleştirin. İkon için ise kod içerisinde geçen <i class="fas fa-donate"></i> ikonunu kendinize göre ayarlayın.

Son olarak Advanced mode tikini işaretlemeyi unutmayın. Bu önemlidir kodlarımızın çalışması için gereklidir. Artık save butonuna tıklayabilirsiniz.
Dear Guests, welcome! Please, Log in or Register to view hide content!


Sonuç olarak bizim sitedeki donate html widgetini görebilirsiniz.
 
Last edited:
Solution
Thread owner
Code:
Dear Guests, welcome! Please, Log in or Register to view hide content!

extra.less'e bu kodu yazarak kullandım ama üste verdiğiniz bilgi de paha biçilemez çok teşekkürler.
 
Evet sizin için bu çözüm geçerli olabilir. Siz tek bir yapı kullanırsanız evet olabilir ama çoklu olursa sorun olacak veya her birisine yazmak zorunda kalacaksınız. Doğru yol yukarıda vermiş olduğum gibidir. ;)
 
Benim anlatımım standart yapıda html widget yapıları için geçerlidir. Olması gerektiği gibi. Farklı tasarımlar için tema üreticisinden destek almanız sizin için doğru bir çözüm olacaktır.
 

Users found this thread by following these keywords:

  1. members_online
Quick Jump
Back
Top