صفحة واحدة ذكية - قائمة همبرغر - مع FullPage.js

[op_container fullscreen_scroll = "نعم" mnav_style = "قائمة الهامبرغر" mnav_sticky_behavior = "2 ″ snav_style =" style-6 ″ snav_behavior = "1 ″ scroll_effect =" easyOutExpo "nav_font_weight =" normal "snav_font_weight =" normal "snav_font_weight = -cube ”scroll_speed =” 1200 ″ nav_bg = ”rgba (0,0,0,0.8،255,255,255,0.75،1،9)” nav_text_color = ”rgba (777777،1،9،1)” nav_text_hover_color = ”# ffffff” nav_text_active_color = ”# ffffff” snav_tool ”tip # 9_bg = snav_item_color = ”# 0,0,0,0.25 ″ snav_item_hover_color =” # ffffff ”snav_item_bg_hover_color =” # 111111abc999999c ”snav_item_active_color =” # ffffff ”snav_item_bg_active_color =” # 1abc9g ”stnav_active_color =” # 148105abc148106g ”. 148107 ″ stnav_text_hover_color = ”# 148108 ″ stnav_text_active_color =” # 111111abc1c ”logo =” 9 ″ logo_retina = ”1 ″ st_logo =” 9 ″ st_logo_retina = ”111111 ″ snav_text_bg =” # “1color ″ 9abc111111c ”dd_nav_separator_color =” # 999999abc1c ”dd_nav_text_color =” # 9 ″ dd_nav_text_hover_color = ”# 255,255,255,0.05abc222222c” mobile_bg = ”# 222222 ″ mobile_text_color =” # 1 ″ mobile_text_hover_color = ”# 1gffext_fext_fext_color =” # 8 ) ”mobile_hover_bg =” # 8 ″ mobile_active_bg = ”# 8 ″] [op_item item_icon =” font ”height =” 148121 ″ content_position = ”XNUMX ″ downmore_button =” نعم ”item_name =” Home ”item_name_alias =” home-alias ”icon_font = ”fa fa-home” background_color = ”# dXNUMXdXNUMXdXNUMX ″ background_img =” XNUMX ″]

اختيار المنزل

قائمة برجر - مع FullPage.js

[/ op_item] [op_item item_icon = ”font” content_width = ”1 ″ height =” 1 ″ content_position = ”1 ″ item_name =” Selection A ”item_name_alias =” Selection A ”icon_font =” fa fa-cubes ”background_color =” rgba (221,51,51,0.3،60،20،XNUMX) ”padding_tiny =” XNUMXpx XNUMXpx ”]

الاختيار أ

[/ op_item] [op_item item_icon = "font" height = "1 ″ content_position =" 1 ″ item_name = "التحديد B" item_name_alias = "التحديد B" icon_font = "fa fa-heart" background_color = "# d8d8d8 ″ background_img =" 148116 ″]

الاختيار ب

[/ op_item] [op_item item_icon = ”font” height = ”1 ″ content_position =” 1 ″ item_name = ”Selection C” item_name_alias = ”Selection C” icon_font = ”fa fa-play-Circle” background_color = ”rgba (30,115,190,0.3،60،20، XNUMX) "padding_tiny =" XNUMX بكسل XNUMX بكسل "]

حدد ج

[/ op_item] [op_item item_icon = ”font” height = ”1 ″ content_position =” 1 ″ item_name = ”Features” item_name_alias = ”Features” icon_font = ”fa fa-database” background_color = ”# d8d8d8 ″ padding_tiny =” 0 20px ”background_img =” 148119 ″ padding_large = ”0 60px”]

المزايا

  • دعم One Page Basic (تم تطويره بواسطة Beeteam368) والتمرير بملء الشاشة (FullPage.js)
  • بنقرة واحدة استيراد بيانات العينة الكاملة (20+ عرض توضيحي).
  • قوائم التنقل الرئيسية والقوائم المخصصة (وضع القائمة المنسدلة)
    • دعم 700+ خطوط جوجل
    • لون غير محدود (لون الخلفية ، الفاصل ، تمرير عنصر القائمة ، عنصر القائمة نشط ...)
    • صورة الشعار على نظام الملاحة الرئيسي (دعم شعار شبكية العين)
    • دعم أيقونات FontAwesome وأيقونات الصور
  • ملاحة ذكية مثبتة
    • لون غير محدود (الخلفية ، الفاصل ، تمرير عنصر القائمة ، عنصر القائمة نشط ...)
    • صورة الشعار على Sticky Navigation (دعم شعار Retina)
    • دعم أيقونات FontAwesome وأيقونات الصور
    • السلوك: يظهر فقط عندما يتم تمرير الصفحة لأسفل وتجاوز الصفحة الأولى
    • السلوك: يظهر فقط عند تمرير الصفحة لأعلى
    • السلوك: مرئي دائمًا
  • ملاحة فرعية
    • 6 نمط × 3 مواضع (يمين ، يسار ، أسفل)
    • لون غير محدود (لون الخلفية ، تمرير العنصر ، العنصر نشط ...)
    • تلميح أداة الدعم (700+ خطوط Google)
    • دعم أيقونات FontAwesome وأيقونات الصور
  • دعم HTML5 و CSS3 بالكامل
  • 100٪ تصميم مستجيب
  • قائمة المحمول
    • لون غير محدود (لون الخلفية ، الفاصل ، تمرير العنصر ، العنصر نشط ...)
    • متوافق مع جميع الأجهزة المحمولة (موبايل ، تابلت)
  • أخرى
    • دعم وضع ملء الشاشة
    • دعم خلفية فيديو HTML5 (MP4 ، OGV ، WEBM)
    • دعم خلفية فيديو يوتيوب
    • دعم التمرير المنظر (لأسفل) صورة الخلفية
    • دعم خلفية قماش الجسيمات (خيارات كاملة)
    • دعم الرسوم المتحركة للمحتوى عند الرؤية (تأثير 70+)
    • مغازل تحميل بسيطة متحركة باستخدام CSS (نمط 11 - لون غير محدود ولون خلفية)
    • Scroll Next (السابق) Item Effect (jQuery Easing - سرعة مخصصة [بالمللي ثانية])
    • دعم وضع الارتفاع الكامل لكل عنصر
    • عرض المحتوى المخصص وحاوية التمهيد (الجوال ، الكمبيوتر اللوحي ، سطح المكتب)
    • حشو محتوى مخصص (جوال ، كمبيوتر لوحي ، سطح مكتب)
    • قم بالتمرير لأسفل المزيد من الزر
    • وأكثر بكثير …
[/ op_item] [op_item item_icon = ”font” content_width = ”2 ″ height =” 1 ″ content_position = ”1 ″ item_name =” كيفية الاستخدام ”item_name_alias =” كيفية الاستخدام ”icon_font =” fa fa-cogs ”width_large = ”800px” width_small = ”100٪” width_medium = ”970px” padding_tiny = ”54px 20px 60px 20px” background_color = ”# ffffff”]

كيفية الاستخدام

[/ op_item] [/ op_container]

قم بالدخول إلى الموقع 👨‍🎓

سجل الدخول بحسابك 🔑

استعادة كلمة المرور الخاصة بك

أدخل اسم المستخدم الخاص بك أو البريد الإلكتروني لإعادة تعيين كلمة المرور الخاصة بك

أضف قائمة تشغيل جديدة

هل تريد فتح هذه الصفحة؟
الفتحات المتبقية: 0
هل أنت متأكد أنك تريد إلغاء الاشتراك؟
مؤسسة Afrikhepri هل تريد استلام إشعار عند نشر مقال؟
إغلاق
السماح الإخطارات