كيفية تصميم ترقيم الصفحات الحديثة باستخدام HTML و CSS فقط

ستتعلم اليوم في هذه المدونة كيفية إنشاء ترقيم الصفحات الحديثة باستخدام HTML و CSS فقط

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

ترقيم الصفحات هو عملية تقسيم محتويات موقع ويب ، أو جزء من محتويات موقع ويب ، إلى صفحات منفصلة. يكون ترقيم الصفحات مفيدًا عندما يتضمن موقع الويب الكثير من المحتوى على صفحة واحدة ، بحيث لا تبدو الصفحة الواحدة جيدة مع كل هذه الموضوعات معًا. في الوقت الحاضر ، يعد تصميم Neumorphism اتجاهًا وتعتمد معظم مواقع الويب على هذا التأثير neomorphic.

في هذا البرنامج (CSS3 - Neumorphism Pagination Design) ، في البداية ، يوجد ترقيم صفحات على صفحة الويب وعندما تنقر على كل زر يظهر تأثير ظل جديد يشير للمستخدم إلى أن علامة التبويب هذه نشطة حاليًا. تصميم ترقيم الصفحات هذا بسيط ولا توجد ميزات متقدمة لأن هذا برنامج CSS خالص ولم أستخدم JavaScript ولكني استخدمت jQuery لجعل أزرار ترقيم الصفحات قابلة للنقر عليها.

إذا كنت تشعر بصعوبة في فهم ما أقوله. يمكنك مشاهدة فيديو تعليمي كامل عن هذا البرنامج (CSS3 - Neumorphism Pagination Design).

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

إذا كنت تحب هذا البرنامج (Neumorphism Pagination Design) وترغب في الحصول على أكواد المصدر. يمكنك بسهولة الحصول على الأكواد المصدرية لهذا البرنامج. للحصول على أكواد المصدر ، تحتاج فقط إلى التمرير لأسفل. يمكنك استخدام هذا البرنامج في مشاريعك وصفحات HTML.

تصميم ترقيم الصفحات Neumorphism
لإنشاء هذا البرنامج (Neumorphism Pagination Design). أولاً ، تحتاج إلى تحميل ملف الاكواد من زر التحميل

الملفات

ما هو رد فعلك؟

like

dislike

love

funny

angry

sad

wow