Tag Icons

Ok, iv gotten it to fit in the tag box how it looks nice but that’s for every tags box, iv found how to target specific tags but what would be the right way of selecting that tags box to put in the png icon?

trying to select one -

.tag-question::before {
    content: url(https://s2.coinmarketcap.com/static/img/coins/16x16/1.png);
    width: 8px;
    height: 4px;
    margin-right: 10px;
    margin-top: 3px;
    display:inline-block;
}

Selecting all -

a.discourse-tag.box::before {
    content: url(https://s2.coinmarketcap.com/static/img/coins/16x16/1.png);
    width: 8px;
    height: 4px;
    margin-right: 10px;
    margin-top: 3px;
    display:inline-block;
}

إذا كنت لا تزال تبحث، فقد وجدت أن هذا الموقع يحتوي على الكثير من أيقونات SVG للأعلام وقد تكون هناك طريقة لتحميلها كأيقونات SVG مخصصة على Discourse، لست متأكدًا بعد.

https://www.flaticon.com/packs/search?word=flags&shape=lineal-color&order_by=4&type=icon

3 إعجابات

يعمل بشكل رائع! إليك بعض طلبات الميزات:

  1. اقتراح تلقائي لإضافة أيقونات svg تلقائيًا بواسطة قائمة إدخالات أيقونات العلامات
  2. تحويل قائمة أيقونات العلامات إلى جدول من 3 أعمدة، حيث يمكن الإكمال التلقائي للعلامات وأيقونات font-awesome v5
  3. إضافة رابط إلى Find the Perfect Icon for Your Project in Font Awesome 5 | Font Awesome حيث تبين أنني كنت أبحث عن أحدث إصدار من font awesome (الإصدار الحالي v6) وأتساءل لماذا لم تعمل إدخالاتي.
  4. اعتماد font awesome v6

شكراً لك على هذا.

إعجاب واحد (1)

هل لديك فكرة لماذا لا توجد مسافة بين العلامات؟ يحدث هذا فقط على الهاتف المحمول

لقطة شاشة

تم إنشاء علامتين ولم تعملان لسبب ما، هل يمكن أن يكون هذا خطأ؟ لقد أنشأت العلامة interview بشعار SVG microphone-stand والعلامة lecture بشعار SVG camcorder. كلاهما لا يزال فارغًا.


إنها تعمل عندما أقوم بتعيين كلتا العلامتين لاستخدام شعار SVG film، والذي استخدمته بالفعل لعلامة أخرى. لذا لسبب ما، لا يتم قبول شعاري الشعارين الأوليين اللذين أرغب في استخدامهما.

هل يمكن لأحد أن يكرر هذه المشكلة؟ يمكنني فقط تكرارها في بيئة تطوير نظيفة مع تثبيت مكون السمة هذا فقط. كيف يمكنني معرفة إصدار FontAwesome المستخدم. ربما أقوم فقط بتحديد أيقونات غير مدرجة في إصدار Discourse. أعتقد أنه الإصدار 5.15. نظرًا لأن هذه الأيقونات تم تضمينها في 5.11 أو 6.0، فيجب تضمينها.

إعجاب واحد (1)

لا يمكنني تشغيلها أيضًا، لذلك قد يكون الأمر يتعلق بعدم تضمينها في المجموعة المتاحة.

إعجاب واحد (1)

مرحباً! :waving_hand:t2:
أتساءل عما إذا كان بإمكاني استخدام بعض الأيقونات مع صور مثل الطبيعة؟

هل يعمل هذا مع العلامات في مجموعات العلامات؟

لقد أجريت اختبارًا للتو في فئة خاصة باستخدام علامتي، وقد نجح الأمر. ومع ذلك، يبدو أن العلامات الموجودة في مجموعة علامات لا تعمل؟

إعجاب واحد (1)

أواجه مشكلة مماثلة. يبدو أنه عندما يتجاوز الوسم 10 أحرف، لا تظهر الأيقونات.

تم حل مشكلة مجموعة الوسوم. يبدو أنه يلزم إضافة الوسوم من المجموعات مباشرة إلى الفئة بدلاً من إضافة مجموعة الوسوم؟

لا يمكنني جعل أيقونات العلامات تظهر في أي مكان سوى الشريط الجانبي. هل لدى أي شخص فكرة عن سبب ذلك؟ حاولت إعادة تثبيت المكون، واستخدامه فقط مع السمة الافتراضية، ولا يزال دون جدوى.

للتحقق فقط، هل أضفت الأيقونات إلى إعداد أيقونات svg في مكون السمة؟

إعجابَين (2)

نعم فعلت، يمكنك رؤية أن الأيقونات نفسها تظهر على اليسار في الشريط الجانبي، لكنها لا تظهر في أي مكان آخر:

مرحباً، داروجاكس، أهلاً بك :wave:
لم أتمكن من إعادة إنتاج هذا من جهتي. :thinking:
ما لم تكن هناك CSS متضمنة أو تم استبدال القوالب، فإن العلامات تُعرض بنفس الطريقة في كل مكان.
إذا أمكن، هل يمكنك مشاركة رابط منتداك؟

إعجاب واحد (1)

مرحباً، شكراً على ردك. للأسف، في هذه المرحلة لا يزال المنتدى قيد التطوير وغير متاح على الإنترنت. سأعود إليك بمجرد أن نصبح متاحين للعامة، أو إذا تم حل المشكلة.

إعجاب واحد (1)

حسناً، لا بأس. هل يمكنك تقديم إصدار Discourse الحالي الخاص بك بدقة وسرد المكونات/الإضافات النشطة؟ ربما يعطينا ذلك تلميحاً.

سأحاول تمكين مكون أيقونات الوسوم فقط مع السمة الافتراضية دون أي تعديلات على CSS لمعرفة ما إذا كانت المشكلة تظهر. إذا لم تظهر، فيمكنك من خلال ذلك تحديد الجاني.

إعجاب واحد (1)

بالتأكيد:

إصدار Discourse المثبت
3.2.0.beta2
(be04154838)

الأحدث
3.2.0.beta2

لقد أنشأت سمة افتراضية جديدة وأستخدم فقط مكون أيقونات العلامات المثبت مباشرة عبر github:

بالإضافة إلى ملحقين:

discourse-landing-pages

docker_manager

لم يتم إجراء أي تخصيصات أخرى لـ CSS أو html أو غيرها.

3 إعجابات

حسنًا، لقد وجدت المشكلة. يبدو أن المكون الإضافي لا يمكنه التعامل مع العلامات التي تبدأ بأحرف كبيرة. لقد قمت بتغيير أسماء العلامات إلى أحرف صغيرة بالكامل والآن تعمل كما هو مقصود. تبدو العلامات التي تبدأ بأحرف كبيرة أكثر أناقة في رأيي، سيكون من الرائع لو تم التعامل مع هذه المشكلة. : ) ولكن لا يزال الشكر على مكون رائع.

إعجاب واحد (1)

يسرني أنه يعمل الآن. ولكن، كيف قمت بإنشاء تلك العلامات؟ عادةً ما يتم إجبارها على أن تكون بأحرف صغيرة.:thinking:

يوجد إعداد لهذا في لوحة الإدارة:

إعجاب واحد (1)

أنت على حق، خطأي، لقد نسيت هذا الإعداد. :smile:

أعرف أين تكمن المشكلة، سأقترح حلاً لاحقًا. :+1:

3 إعجابات