هذا الإضافة مذهلة — أنا لست خبيرًا في الإضافات، لذا لا أعرف كيف أبدأ من الصفر بناءً عليها، لكنني أشعر أن منصة Discourse تتمتع بـ «بساطة» جميلة — سيكون من الرائع دعم الصور/الأيقونات.
إليك طريقة بدائية حقًا استخدمتها لإضافة أيقونة Discord:
(باستثناء تشبع الألوان — أخطاء لقطات الشاشة عالية النطاق الديناميكي هي الأسوأ)
بعد التثبيت، قم بإنشاء مكون CSS جديد، أو عدّل المظهر مباشرةً:
إليك ما استخدمته:
.headerLink
{
color: white;
&.d
{
background-image: url('https://i.imgur.com/MSef433.png');
background-repeat: no-repeat;
background-size: 22px;
a
{
color: rgba(0, 0, 0, 0);
text-decoration: none;
&:hover
{
box-shadow: 0px 2px lightgray;
}
}
}
}
- واجهت مشكلات مع تأثيرات التحويم، لذا فإن ظل علوي عند التحويم هو أفضل ما استطعت فعله، لأن هذه صور وليست رموزًا يونيكود:
-
سميت المثال أعلاه
dلأنه يجب تسميته بـ شيء ما. جعلت شفافية الخط صفرًا ليتم إخفاؤه، لكن الحرف d يسمح لي باستخدام الفئة d. -
هل هناك طريقة أفضل لفعل ذلك؟ ربما. لكن هذه هي الطريقة البدائية لتقديم الأفكار حتى يظهر شيء أفضل
