كيفية إنشاء أداة تقييم النجوم Emoji باستخدام HTML و CSS

ستتعلم اليوم في هذه المدونة كيفية إنشاء أداة تقييم النجوم Emoji باستخدام HTML و CSS فقط

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

 

كما تعلم ، فإن التقييم بالنجوم هو سؤال أو أداة تقييم توفر للأشخاص معدل تطبيق أو منتج أو خدمة أو أي شيء آخر يحمل عدة نجوم. يمكن أن يتراوح عدد النجوم من 5 إلى 10 نجوم. في هذا التصميم [أداة تصنيف النجوم Emoji من Pure CSS] ، يوجد صندوق أبيض كبير يحتوي على الرموز التعبيرية والنجوم وأرقام التصنيف. عندما تقوم بالتقييم بنجوم معينة ، يتغير الرمز التعبيري وفقًا لتصنيفك والنص السفلي ورقم التصنيف أيضًا.

 

إذا كنت تريد مشاهدة أداة تصنيف النجوم من الرموز التعبيرية وكيفية إنشائها ، فيمكنك مشاهدة فيديو تعليمي كامل على هذا البرنامج [أداة تصنيف النجوم Emoji من Pure CSS].

 

في الفيديو ، شاهدت التصنيف النجمي لـ CSS emoji الخالص وآمل أن تكون قد فهمت الرموز وراء إنشاء هذه الأداة. كما تعلم ، استخدمت HTML و CSS فقط لإنشاء أداة التصنيف هذه ، وجميع ميزات هذه الأداة مثل الرسوم المتحركة لشرائح الرموز التعبيرية والنص وتغيير رقم التصنيف. لذلك إذا كنت مبتدئًا وتعرف القليل من المعرفة بـ HTML & CSS ، فيمكنك بسهولة إنشاء هذا النوع من الأدوات.

 

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

 

أداة تصنيف النجوم Emoji Pure CSS

لإنشاء هذا البرنامج [Star Rating System]. أولاً ، تحتاج إلى إنشاء ملفين أحدهما ملف HTML والآخر هو ملف CSS. بعد إنشاء هذه الملفات ، قم فقط بلصق الرموز التالية في ملفاتك. يمكنك أيضًا تنزيل ملفات التعليمات البرمجية المصدر من زر التنزيل المحدد.

الملفات

ما هو رد فعلك؟

like

dislike

love

funny

angry

sad

wow