هل هناك طريقة لتغيير الصور/الأيقونات باستخدام CSS؟

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

هذا ما أهدف إليه، ولكن مع وجود جرس في المكان الذي توجد فيه المربع الفارغ في الأعلى:

عذرًا، يبدو أن هذا يجب أن يكون بسيطًا، لكنني أحاول معرفة ذلك لساعات بمفردي ولا أحرز أي تقدم!

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

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

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

مرحباً :wave:

لقد قمت بإنشاء مكون سمة بسيط لتحقيق ذلك. باستخدام CSS فقط.

بعض لقطات الشاشة
Screenshot 2024-08-29 at 10.04.52

هنا يمكنك رؤيته مباشرة.

وهنا يمكنك العثور على مكون السمة.

5 إعجابات

رائع، شكراً لك!

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

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.