HTML5 CSS3 مسج القوائم الملاحة يأتي إما نسخ ولصق رمز في التصميم الخاص بك أو تعديل القائمة لتناسب احتياجاتك.
التنقل هو جزء مهم من موقع الويب الخاص بك. إنها الطريقة التي ينتقل بها زوار موقعك إلى المناطق الرئيسية في موقعك ويجعل من السهل عليهم العثور على المحتوى الجيد.
CSS هي بالطبع اللغة المثالية لتصميم قوائم الملاحة الجميلة. يمكن تطبيقه على أي نوع من المواقع ومرنة جدا. لا يكون منزعجا إذا كانت محدودة إلى حد ما المهارات المغلق الخاصة بك كما أن هناك الكثير من الدروس كبيرة هناك أن المشي لكم من خلال كيفية إضافة نظيفة والمهنية القوائم المغلق يبحث إلى موقع الويب الخاص بك. يمكنك إما نسخ ولصق التعليمات البرمجية في التصميم الخاص بك أو تعديل القائمة لتناسب احتياجاتك.
CSS فقط Lavalamp مثل تأثير القائمة يتوهم
هذه المرة دعونا الحصول على مستوحاة من تأثير القائمة المنزلقة، والمعروف أيضا باسم تأثير Lavalamp (على سبيل المثال هنا). سنقوم إعادة إنشائه مع css نقية – باستخدام التحولات css3 والمحدد الجمع بين الأشقاء العامة. أدناه سنناقش ثلاثة أمثلة بسيطة (تأكد من رؤية العرض التوضيحي أولاً).
قائمة سداسية
واجهة مستخدم علبة البريد
انعكاس منظور القائمة
شيء فكرت في رسم فعلت قبل بضعة أيام عندما كنت بالملل. أفضل نتيجة مع متصفحات البادئة webkit.
زر مشاركة اجتماعية CSS
زر CSS المشاركة الاجتماعية مستوحاة.
نوافذ 8 مترو نمط القائمة
CSS قائمة بشكل مسطح
هنا هو القائمة الصغيرة التي أقوم بإنشائها مع HTML الخالصة و CSS
بسيطة قائمة رأسية مع مسج و CSS3
بسيطة، ولكن أنيقة جدا القائمة العمودية باستخدام بعض CSS3، قليلا من مسج، خط نص مخصص والخط رمز الأكثر إثارة للإعجاب يمكنك أن تجد في هذه اللحظة، وهو FontAwesome.
قائمة الحساب
Nifty مودال نافذة الآثار
مجموعة من تأثيرات مظهر الإطارات المشروطة التجريبية مع انتقالات CSS والرسوم المتحركة.
قائمة Flexy – قائمة أفقية ورأسية متجاوبة
Flexy هو مكون القائمة القائمة في CSS و Javascript التعليمات البرمجية. يمكنك استخدام فليكس القائمة باعتبارها قائمة أفقية أو عمودية. بل هو استجابة و menuible، مناسبة لأي نوع من المواقع..
قائمة السمك الخارق مع مسج
Superfish هو معزز Suckerfish على غرار قائمة مسج البرنامج المساعد الذي يأخذ القائمة القائمة المغلق النقي القائمة المنسدلة (حتى يتحلل برشاقة دون جافا سكريبت) ويضيف ما يلي التحسينات التي طال انتظارها.
قائمة تأثير التراكب مع مسج
في هذا البرنامج التعليمي نحن ذاهبون لإنشاء قائمة بسيطة من شأنها أن تبرز مرة واحدة ونحن تحوم فوقه من خلال تغطية كل شيء باستثناء القائمة مع تراكب الظلام. القائمة ستبقى بيضاء ومنطقة فرعية ستتوسع. وسوف نخلق هذا التأثير باستخدام مسج. لذا، دعونا نبدأ!
تصميم قائمة منسدلة مخصصة
برنامج تعليمي حول كيفية إنشاء بعض القوائم المنسدلة المخصصة. سنعرض لك خمسة أمثلة مع مختلف القوائم المنسدلة يبحث والقوائم لأغراض مختلفة.
القائمة المنسدلة الأفقية
قائمة منسدلة أفقية متجاوبة مستوحاة من القائمة Microsoft.com.
قائمة الرمز العمودي
قائمة رمز عمودي ثابت يضبط حجمه للشاشات الأصغر.
الأكورديون المتداخل
أكورديون بسيط وقابل للتفكك مع بعض الأمثلة على مستويات التداخل واستعلام الوسائط.
القوائم الشريحة والدفع
القوائم الثابتة التي سوف تنزلق من جانبي الصفحة وفي حالة الجانب الأيمن والأيسر بحرية نقل الجسم اختيارياً.
قائمة متعددة المستويات سريعة الاستجابة
قائمة متعددة المستويات تستجيب بحيث تعرض القوائم الفرعية الخاصة بها في سياقها الخاص، مما يسمح بعرض تقديمي موفر للمساحة واستخدام.
تأثير بسيط على قائمة YouTube
برنامج تعليمي حول كيفية إعادة إنشاء تأثير القائمة الجانبية اليسرى الصغيرة في YouTube. والفكرة هي أن الشريحة رمز القائمة قليلا إلى الجانب الأيمن في حين تكشف عن بعض قائمة عناصر القائمة تحت.
القائمة الجاهزة للشبكية المتجاوبة
قائمة سريعة الاستجابة وسهلة اللمس وجاهزة للشبكية مع ثلاثة تخطيطات لأحجام متصفح مختلفة.
قائمة الشريحة الأفقية
شريحة أفقية إلى الخارج مع تخطيط مصغر يشبه الشبكة لقائمة فرعية. مع أمثلة استعلام الوسائط للأجهزة الأصغر.
قائمة تلميح الأدوات
قائمة تلميح أداة بسيطة حيث ستظهر القائمة الفرعية إما فوق القائمة الرئيسية أو أسفلها، وذلك حسب المساحة المتوفرة.
نبتون – السوّة الفرعية الأفقية
هذا هو نقي HTML5/CSS3 القائمة. القائمة لديها HTML5 هيكل ويعمل على جميع المتصفحات الرئيسية. القائمة سهلة التعديل والاندماج في أي موقع. القا
ئمة يعمل (الهيكل الرئيسي هو 100٪ نفسه) على إنترنت إكسبلورر 9 و 8، ولكن الرسوم المتحركة وبعض الميزات CSS3 الأخرى لا تعمل.
قائمة القوائم – قائمة استجابة ذبابة خارج
الملاحة هي واحدة من أهم جوانب موقع على شبكة الانترنت. وقد ثبت أن قائمة الطيران التدريجي (مع الإلهام من الفيسبوك) أن تكون الملاحة الأكثر كفاءة التي يمكن أن تحسن بشكل كبير تجربة الزوار على موقع الويب الخاص بك!
Menufication هو سهل الاستخدام ، قابل للتخصيص مسج المساعد لتحويل المواقع الخاصة بك الملاحة إلى استجابة يطير التدريجي القائمة في الفيسبوك الأزياء.
DeepMenu – قائمة التنقل متعددة المستويات
DeepMenu هي قائمة تنقل متعددة المستويات مع أربعة انتقالات مختلفة بين الطبقات وما يقرب من 20 خصائص أخرى للتخصيص. إذا تم تعطيل جافا سكريبت، فإنه يعمل كقائمة منسدلة أفقية. تحقق من صفحة المعاينة للحصول على عرض توضيحي مباشر والمزيد من المعلومات.
قائمة ميجا العالمية المتجاوبة
هذه القائمة هي نتيجة لمزيج من أفضل أعمالي على Codecanyon : لقد وضعت معا نظام القائمة الضخمة المرنة التي يمكن أن تعقد 12 أحجام من أسفل المنسدلة ، غير محدود يطير التدريجي العناصر جنبا إلى جنب مع برنامج نصي مسج لتعزيز النظام بأكمله.
ويمكن استخدامه كتذييل لزج (مع ميجا "انخفاض المنبثقة") باستخدام الترميز نفسه بالضبط مثل القائمة الضخمة "القياسية". يمكنك التبديل بين هذين المتغيرين فقط عن طريق تغيير فئة واحدة.
باستخدام صفحات المثال، لديك كافة التعليمات البرمجية الضرورية جاهزة للاستخدام في موقعك. تخصيص القائمة تتطلب بعض المعرفة الأساسية من CSS ويمكنك تغيير مظهر كل جزء من القائمة: الخطوط والألوان والأحجام، الخ. يتضمن البرنامج النصي عدد قليل من الخيارات سهلة الإعداد حتى تتمكن من اختيار أي نوع من التأثير لتطبيق (على الماوس تحوم أو الماوس فوق، تتلاشى، الشريحة…).
نمط Feedly CSS القائمة المتحركة
مستوحاة من قائمة تطبيق Feedly iOS ، ولكن مع لمس
ة. هذه القائمة يتلاشى تدريجيا في على تحميل الصفحة، وأضاف آثار تحوم لتمديد عنصر القائمة.
تصميم
وأخيرا حصلت حولها لإعادة تصميم موقع الويب الخاص بي.
نقي CSS3 الملاحة متجاوبة
من السهل اس
تخدامPure
CSS3Horizontal Navigati
onFull Responsiv
eNo جافا سكريبت، لا JQuery..
درج تحوم ناف
الآن البرنامج المساعد مسج.
CSS3 الشريحة إلى أسفل / لأعلى القائمة
هذا هو مخفي أعلى القائمة التي تنزلق إلى أسفل (ثم النسخ احتياطي) على النقر – مع عدم وجود جافا سكريبت. أنا باستخدام : الهدف الزائفة المختارة والانتقال بسيطة أن يجعل من نوع تجربة ممتعة.
CSS3 الأكورديون و تبديل مجموعة أدوات
CSS3 الأكورديون و تبديل القطعة كيت يتضمن مجموعة من السهل على نمط وتنفيذ – نقي CSS3 مرنة واستجابة الأكورديون والحاجيات تبديل – مجموعة تأتي مع 6 مواضيع نظيفة جاهزة ويعمل في جميع المتصفحات الرئيسية بما في ذلك احتياطي ل IE8.
IcoRoll – نظام التنقل التمرير
استجابة نظام القائمة التمرير توفير الحل المثالي للملاحة العمودية على أجهزة الكمبيوتر المحمولة.
فإنه يربط سمة معرف HTML على الصفحة مع القائمة، حتى القائمة يعرف أين المستخدم على الصفحة.
مسج أكورديون
مسج الأكورديون هو مكون الأكورديون مقرها في جافا سكريبت و CSS. لديها تخطيط استجابة والسوائل، لديها نظام الشبكة والأنماط 8 مسبقا.
مسج لوحة المخفية
المساعد مسج الذي أضاف لوحة خفية إلى موقف 4 من زاوية المتصفح. يمكنك استخدامه لعرض معرض الصور أو عرض الفيديو..
قائمة CSS3 نظيفة
هذه القائمة CSS3 النظيفة هي حل مرن وسهل التكامل لبناء القوائم المخصصة الخاصة بك. تعتمد القائمة فقط على CSS3 و HTML. كل شيء يستند إلى نظام الشبكة 960. هذا البند يأتي مع 6 متغيرات اللون. تصميم القائمة هذا متجاوب بشكل كامل
CSS شقة الحدود الفاصلة
فمن بسيطة، ترقيم ترقيم مسطحة وأنيقة. لأنه يأتي مع 6 مواضيع الألوان الأنيقة المعرفة مسبقا، 2 الاتجاه، 4 أحجام مختلفة وأكثر من ذلك. من السهل جدا لتنفيذ على وثيقة HTML الخاصة بك. لا صور! CSS فقط. وهو يدعم جميع المتصفحات الرئيسية. وترد الوثائق.
مسج دراج بان
امنح زوار موقعك على الويب القدرة على التنقل في مساحة كبيرة من HTML المقدمة بسرعة. مفيدة لخلق خرائط محلات السوبر ماركت، ومراكز التسوق، والحدائق، وحدائق الحيوان، ومواقع المهرجان والمسارح والمطارات، وخطط الجلوس في الواقع في أي مكان حيث الخريطة ستكون أكبر من المتصفح المستخدمين.
UI-Pro – بسيطة مترو نمط شريط التنقل
مع هذا البرنامج المساعد مسج بسيطة يمكنك بسهولة إنشاء مترو (الآن ببساطة دعا نوافذ 8 UI) نمط أشرطة الملاحة. حزمة البرنامج المساعد يأتي مع حزمة رمز دعا مبدع التي أنشأتها P.J. Onori، والتي يمكنك بسهولة تعيين مع فئات CSS. هذا البرنامج المساعد لديه الحد الأدنى من الميزات والخيارات, وقد تم إنشاؤها لمشرفي المواقع الذين يحتاجون وظائف مماثلة على موقعهم (ق).
MenuStation – القائمة الاستجابة غير محدود حقيقي
ميزات
Real غير محدود
MenuResponsiv
e DesignLi
ght وزنهامن ألوا
ن لتغيير محتوى HTML 1 إلى 4 مت
عددة الأغراض في التخ
صيص SubmenuEasy
قائمة قابلة للتوسيع السلس
السلس توسيع القائمة هي أداة نهائية لبناء الحد الأدنى من القوائم القابلة للتوسعة العمودية ، والتي يمكن تخصيصها بسهولة بسبب المعلمات 17 المدمج في التكوين ، مباشرة من ملف HTML / دعوة البرنامج النصي. حزمة تشمل 3 عينات (شريف ، سان شريف وتيني) ، لجعل التكامل أسهل على أي مشروع على شبكة الإنترنت. ويستخدم نظام مكتبة خطوط جوجل، لذلك لن تحتاج إلى دمج ملفات الخطوط أو @fontface البرامج النصية. وقد تم تحسين للأجهزة النقالة.
علامات التبويب – SEO وودية المحمول
jTabs (علامات التبويب Jgers اسم آخر) بنيت مع معايير الويب الحديثة في الاعتبار، وذلك باستخدام مكتبة جافا سكريبت خفيفة الوزن مخصصة (4kb gzipped).
علامات التبويب زوزو
الإصدار الجديد (v3.5) من Zozo Tabs متجاوب تمامًا وممكّن بتقنية اللمس باستخدام معايير HTML5 و CSS3 للسرعة والأداء الذي لا تشوبه شائبة على متصفحات سطح المكتب والأهم من ذلك على متصفحات الجوال. تشغيله ويشعر تماما مثل التطبيق الأصلي!. كما يسمح لك بالتمرير تلقائيا إلى أعلى الصفحة عند النقر على علامات التبويب / القائمة المنسدلة على الشاشات الصغيرة لإظهار المح
توى الخاص بك. Zozo Tabs هو برنامج مسج خفيف الوزن وقابل للتخصيص بدرجة عالية لتوفير وظائف علامة التبويب الكاملة التي يمكن دمجها في موقعك / مدونتك بسرعة دون كتابة أي رمز. بعض من الميزات الرئيسية يتضمن : مثل علامات التبويب الأفقية والعمودية ، العميق — ربط ، 10 طرق مرنة لموقف ، واجهة برمجة تطبيقات قوية ، 10 مواضيع فريدة وأكثر من ذلك. هل ذكرنا أنه يعمل أيضا على المتصفحات القديمة مثل IE7 و IE8؟
OpenPanel – فتح لوحة الاستجابة في أي مكان
OpenPanel هو البرنامج المساعد مسج الذي يسمح لك لفتح لوحة في أي مكان في الصفحة الخاصة بك، لوحات غير محدود كما تريد ودعم للتصميم استجابة. مع هذا البرنامج المساعد الصغيرة يمكنك فتح مساحة أكبر لموقعك لإضافة أي شيء تريده.
OneMenu – استجابة مترو UI القائمة
OneMenu هو مسج التنقل القائمة البرنامج المساعد الذي تم إنشاؤه لمترو المواضيع UI. OneMenu يدعم تصميم استجابة، غير محدود القوائم.
الانصهار من علامات التبويب وشريط التمرير مع مسج
علامات التبويب مع الرسوم المتحركة مثل Slider.Us
e كما علامات التبويب أو كما المنزلق أو لماذا لا على حد سواء؟
هل أردت دائما علامات التبويب مفيدة لتكون أكثر يتوهم المتحركة؟ شيء مثل شريط التمرير؟ ثم هذا هو البرنامج المساعد بالنسبة لك، وعلامات التبويب يمكن الشريحة الأفقية والعمودية طرق أيضا هناك 15 تأثيرات مختلفة متاحة بين الانتقال وجميع العمل مع ارتفاع السيارات اعتمادا على محتواها.
قائمة أكورديون مربع – استجابة
يمكنك اللعب مع جميع الميزات لجعل الخاصة بك.
قائمة الأكورديون متعددة
بسيطة وحديثة وسهلة لتثبيت مسج و CSS3 قائمة الأكورديون العمودي.
البطيخ 5 – انزلاق القائمة
انزلاق القائمة هو البرنامج المساعد القائمة التي تناسب أي مواقع. يأتي مع تصميمه الانزلاقي الفريد والكثير من خيارات واجهة برمجة التطبيقات التي تسمح لك بتخصيصه. يتم دعم جميع المتصفحات والأجهزة المحمولة. وهو يعمل بشكل أفضل في فايرفوكس، كروم، IE10 +، سفاري وأوبرا، وأيضا تعمل بكامل طاقتها في IE7، 8، 9 مع فارق طفيف: لا الرسوم المتحركة CSS3 وتناوب 45 درجة.
يرجى إعطائها تصنيف سريع إذا كنت مثل هذا. إذا كان لديك أي اقتراحات / طلب ميزة أو تجد خللا، كنت أكثر من موضع ترحيب للاتصال بي وأنا سوف تعالج لهم في اسرع وقت ممكن.
قائمة جانبية لنمط المترو
الميزات:
Crossbrows
erSimple/Cl
eanMetro S
tyle900 + SVG
دقة الرموز الحد (100% متجه
)HTML5 صالح
فيرتو – قائمة الأكورديون
Vertu – قائمة الأكورديون بسيطة وجميلة قائمة الأكورديون بالنسبة لك الموقع.
قائمة متجاوبة عمودية
مجموعة من القوائم العمودية المتجاوبة، مع 20 نظام ألوان، دعم المستعرضات المشتركة والتكامل السهل. يمكن استخدام "القائمة العمودية المتجاوبة" في البارات الجانبية لأي موقع وكذلك لوحات معلومات المسؤول.
قائمة CSS3 الأكورديون النقية
ميزات
المتصفح
ات:كرو
مفيرفو
كسي
أوبراس
افاريت إكسبلورر 10
7 ألوان
: B
luePu
r ا
لرريد
رجري
ن يلل
وبلاك
وورد قائمة الطعام
الملاحة هي واحدة من أهم جوانب موقع على شبكة الانترنت. وقد ثبت أن قائمة الطيران التدريجي (مع الإلهام من الفيسبوك) أن تكون الملاحة الأكثر كفاءة التي يمكن أن تحسن بشكل كبير تجربة الزوار على موقع الويب الخاص بك!
وورد Menufication هو سهل الاستخدام ، قابل للتخصيص وورد البرنامج المساعد لتحويل وورد الخاص بك 3 القوائم إلى استجابة يطير التدريجي القائمة في الفيسبوك الأزياء.
ما عليك سوى اختيار قائمة WordPress 3 التي يمكنك استخدامها، وأنت مستعد للذهاب. الأمر بهذه السهولة!
niceMenu – وورد البرنامج المساعد
niceMenu – وورد PluginA طر
يقة جديدة للشريحة بين القائمة الضخمة متعددة المستوى.
الآن باعتبارها البرنامج ا
لمساعد وورد! يمكنك التنقل على مستويات متعددة
من السهل جدا! فقط عدد قليل من النقرات والقائمة مثبتة على موقع الويب
الخاص بك. من السهل وضعها في أي مكان ، كعارضة جانبية
للقطعة. يمكنك وضع روابط مخصصة وصفحات موقع ويب وفئات.
UberMenu – وورد ميجا القائمة المساعد
UberMenu هو سهل الاستخدام ، قابل للتخصيص للغاية ، ومتجاوبة ميجا القائمة وورد البرنامج المساعد. يعمل من خارج منطقة الجزاء مع نظام القائمة WordPress 3 ، مما يجعل من السهل البدء ولكنه قوي بما يكفي لإنشاء تكوينات قائمة ميجا مخصصة ومبدعة للغاية.
التوابل حتى القائمة الخاصة بك مع CSS3
في هذه الفئة الجديدة تسمى "نصائح وحيل" سوف نقدم بعض الطرق السريعة والمثيرة للاهتمام حول تطوير المواقع وتصميم المواقع. في تلميح اليوم سوف نعرض لك كيفية التوابل حتى القائمة الخاصة بك عن طريق إضافة تأثير تحوم أنيق لذلك. والفكرة هي أن شريحة صورة إلى اليمين عند تحوم فوق عنصر القائمة.
القائمة مع تأثيرات CSS3 و فقاعات الإخطار
هذه القائمة مع تأثيرات CSS3 و فقاعات الإخطار لديه كل ما تحتاجه. وتنقسم وظيفة في أجزاء مختلفة مما يجعلها قوية جدا.
الأساسية هي قاعدة صلبة الصخور لكل قائمة المغلق مع مستويات قائمة غير محدودة وقائمة ميجا. الآثار هي css نقية ، ولكن يمكنك استخدام البرنامج المساعد مسج لدعم في المتصفحات القديمة. أنماط القائمة هي أيضا css نقية وليس هناك صور المستخدمة.
القائمة الداكنة: نقي CSS3 اثنين مستوى القائمة [Tutorial]
قبل بضعة أيام أطلقنا سراح فريبي يسمى القائمة المظلمة في PSD الحرة وفي هذا من السهل لمتابعة البرنامج التعليمي سوف تتعلم كيفية إنشاء هذه القائمة 2 مستوى الظلام في HTML و CSS3 نقية. لم يتم استخدام جافا سكريبت أو صور في إنشاء هذه القائمة وآمل أن تتمكن من تعلم بعض التقنيات التي سوف تساعدك في المشاريع المستقبلية.
الآن ، إذا لم تكن على دراية بذلك CSS3 يمكنك معرفة إما عن ذلك في CSS3.info أو في W3Schools. يمكنك أيضا استخدام هذا مولد CSS3 على الانترنت لمساعدتك على إنشاء هذه الأنماط بسهولة. إيقاف بالطبع تحتاج إلى وضع كافة التعليمات البرمجية ل HTML داخل وثيقة HTML وجميع أنماط CSS إما في رأس المستند HTML أو في ملف CSS منفصل. يتم أخذ جميع الألوان والآثار والظلال من ملف PSD القائمة الداكنة. الآن دعونا نبدأ البرنامج التعليمي لدينا.
شيربا | نظام الملاحة الكامل (الطبعة CSS)
كما يوحي الاسم، شيربا هو الحل الكلي لجميع متطلبات الملاحة الخاصة بك.
شيربا يجمع بين عناصر الملاحة الرئيسية الثلاثة من كل واجهة – نافبار، الشريط الجانبي وتذييل لزجة.
كل واحد يتكون من مجموعة مختارة من أنواع القائمة المختلفة بما في ذلك: قائمة الشرائح، ميجا القائمة، قائمة الأكورديون (في الشريط الجانبي) وقائمة الإفلات. يمكنك اختيار واختيار وخلط هذه لجعل الملاحة فريدة حقا.
لديها 10 جلود مختلفة اللون، 12 صور خلفية جميلة، ويستخدم تأثيرات CSS3 ويأتي مع 500+ الرموز لجعلها واحدة من أفضل الملاحة يبحث على Codecanyon. تحقق من لقطات الشاشة والمعاينة.
بدلاً من محاولة جمع الكثير من navs مختلفة من مصادر مختلفة، اختر شيربا | نظام الملاحة الكامل وتوفير الوقت لنفسك على الاندماج في النظام الخاص بك.
جعل قائمة CSS3 المتحركة
في هذا البرنامج التعليمي القصير، وسوف نستخدم قوة CSS3 الآثار والتحولات، لبناء قائمة الملاحة المتحركة خالية من جافا سكريبت التي يمكنك استخدامها لإضافة نظرة مصقول لموقع الويب الخاص بك أو القالب.
قائمة منسدلة HTML5/CSS3
سوبر مرنة ودلالات HTML5 / CSS3 القائمة المنسدلة، على الإطلاق لا جافا سكريبت. سهل جدا وسريع لتنفيذ!
قائمة CSS3 المنسدلة
بينما كنت الترميز موضوع المفكرة ، لقد تعلمت بعض الميزات الجديدة CSS3 والآن أود أن أشاطركم. عرض العرض التوضيحي لمشاهدة القائمة المنسدلة متعددة المستويات التي قمت بإنشائها باستخدام نصف قطر الحدود وظل المربع وظل النص. يجعل الكمال على فايرفوكس، سفاري والكروم. القائمة المنسدلة يعمل أيضا على غير CSS3 متصفحات compitable مثل IE7 +، ولكن لن يتم تقديم زوايا مستديرة والظل.
قائمة تنقل بسيطة
لطيفة، بسيطة قائمة الملاحة مع القائمة الفرعية الظلام. مثالية لمواقع معقدة ، أكبر بلوق ، الخ. كالعادة، انها ناقلات وملف PSD الطبقات بالكامل. إذا كنت ترغب في ذلك، يرجى مشاركته على تويتر و / أو الفيسبوك.
CSS3 ميجا قطرة القائمة
مسج عمودي القائمة المنسدلة
البرامج النصية هما الإضافات القائمة مسج معقدة مع عدد غير محدود من القوائم الفرعية، وسهلة لدمج.
قائمة CSS3 انزلاق
غالباً ما يكون من الأفضل وضع الأشياء بعيداً حتى تحتاج إليها. قوائم التنقل هي مثال جيد. إذا كنت أقرأ مقالا ، وأنا لا أريد نسبة كبيرة من العقارات الشاشة التي اتخذت مع وصلات — وخاصة على جهاز محمول.
في هذه المقالة ، سنقوم ببناء قائمة شرائح باستخدام CSS وحدها. إذا كنت تستخدم متصفحًا حديثًا ، فسيظهر أيضًا تأثيرًا رائعًا على الصفحة ثلاثية الأبعاد.
CSS الملاحة
شريط التنقل المغلق مع عناصر منسدلة وآثار الانتقال. هناك مشكلة واحدة وهي عند تحريك مؤشر الماوس فوق القائمة المنسدلة ببطء ، فإنه يخفي. لذا، تحتاج إلى تحريك الماوس بسرعة لتحوم على العناصر المنسدلة. لديها بعض التعديلات اللون سهلة وسريعة أيضا وهو ما يتم باستخدام مسج. الرموز التي Entypo.
شريحة أسفل مربع القائمة مع مسج و CSS3
في هذا البرنامج التعليمي سوف نخلق فريدة من نوعها انزلاق مربع الملاحة. والفكرة هي جعل مربع مع شريحة عنصر القائمة ، في حين أن مصغرة الملوثات العضوية الثابتة. وسوف تشمل أيضا مربع قائمة فرعية مع مزيد من الروابط لبعض عناصر القائمة. سوف تنزلق الـ submenu إلى اليسار …
إنشاء قائمة الأكورديون (CSS3+ jQuery)
كما قد لاحظت قبل بضعة أيام أصدرنا البرنامج التعليمي حول كيفية إنشاء قائمة الأكورديون في CSS3 الصرفة. لأن هذه القائمة CSS3 أكورديون نقية لا تعمل على جميع المتصفحات لأن : المحدد الهدف في غير معتمد في المتصفحات أقدم قررنا إنشاء نسخة مسج من هذه القائمة. كما يقدم مسج المزيد من الاستقرار وعبر متصفح دعم التوافق حتى إذا كنت ترغب في تقديم الزوار / العميل أفضل منتج قد تنظر في استخدام هذا الإصدار مسج.
حزمة قائمة سوبر (10 قوائم)
حزمة القائمة سوبر هو عبارة عن مجموعة من 10 قوائم باردة، 5 في المغلق نقية و 5 باستخدام إطار مسج لتخصيص أو تخطيط مع المواقع الخاصة بك أو التطبيقات والمشاريع.
انها مثالية لأي شخص يريد أن يعطي لمسة خاصة لتصاميمهم أو العثور على نقطة انطلاق. حاولت إنشاء مجموعة متنوعة قدر الإمكان في الأسلوب والمظهر لإعطائك الاختيار. التفكير في تصميم العمل مع التعليمات البرمجية.
تحتوي الحزمة على كافة الملفات الضرورية:
– HTML – CSS – JS – الصور – الخطوط Cufon مع السماح باستخدام – التعليمات البرمجية المعلقة والموثقة – وثائق إضافية
جميع القوائم هي سهلة لتخصيص من CSS. في كل ملف سوف تجد coments مفصلة.
نأمل أن تستمتع به!
قائمة CSS3 المنسدلة
طمس القائمة مع انتقالات CSS3
هناك الكثير من الأشياء العظيمة التي يمكننا القيام بها مع الخصائص الإضافية والاحتمالات التي تجلبها CSS3. اليوم أريد أن تظهر لك كيفية تجربة مع ظلال النص والتحولات من أجل تحقيق تأثير طمس أننا سوف تنطبق على قائمة تحوم فوق العناصر. الفكرة الرئيسية هي طمس العناصر الأخرى مع تعزيز واحد نحن تحوم حاليا.
مجموعة كاملة من قائمة ميجا المتجاوبة
هذه ميجا القائمة المنسدلة مجموعة كاملة مثالية لإنشاء قوائم فريدة من نوعها باستخدام واحدة من 9 مسج الآثار واحدة من أنظمة الألوان.
استنادًا إلى شبكة مخصصة، تتيح لك هذه القائمة تنظيم المحتوى الخاص بك في أعمدة (من 1 إلى 12) مع الكثير من أمثلة الطباعة مثل العناوين والقوائم وتصميم الصور والجداول وعناصر النموذج وما إلى ذلك.
CSS3 ميجا القائمة المنسدلة
هذه القائمة المنسدلة ميجا هو حل مرنة وسهلة لدمج لبناء القوائم المخصصة الخاصة بك. القائمة المنسدلة تعتمد فقط على CSS/XHTML ويأتي مع نموذج اتصال يعمل بشكل كامل.
3 يتم تضمين المتغيرات الرئيسية : الأفقية ، عمودي محاذاة على اليسار والرأسي الانحياز على اليمين.
يمكن تنظيم المحتوى في 6 أعمدة على أساس نظام الشبكة 960. يأتي هذا البند مع 9 متغيرات اللون (و 2 أنظمة الألوان لهبوط المنسدلة – الظلام والضوء) ووثائق مفصلة لمساعدتك على تخصيصه.
