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

قائمة AP Accordion v3.4 - قائمة الأكورديون لـ Joomla

تقديم وحدة قائمة الأكورديون العمودية البسيطة والقابلة للتخصيص بسهولة AP Accordion Menu v3.4. يسمح لك ملحق Joomla هذا بإنشاء أي عدد من عناصر القائمة الفرعية ويدعم وظائف النقر أو التمرير لتنشيط القوائم وإضافة فئات الأيقونات والعناوين الفرعية للعناوين والصور. يمكنك تخصيص عدد غير محدود من مجموعات الألوان أو استخدام 3 سمات مُجهزة ومدمجة. تستخدم الوحدة خيار التخصيص "التخطيط" و"الإعدادات".

Ajax Scroll v1.6 - التمرير لـ Joomla

يعد Quix Pagebuilder Pro محترفًا وأحد أفضل منشئي الصفحات لـ Joomla 3. يتيح لك هذا الامتداد تنفيذ مواقع الويب الحديثة دون الحاجة إلى تعديل كود CSS والترميز. كل ما عليك فعله هو تحديد تخطيط مناسب وجاهز والبدء في البناء باستخدام واجهة السحب والإفلات. من خلال الوظيفة، يمكننا تسليط الضوء على تحسين SEO الكامل للصفحات التي تم إنشاؤها، وسهولة التوسع والمطورين، ووجود أكثر من 30 عنصرًا لإنشاء المواقع بسرعة، ودعم خطوط Google، ووجود مدير الوسائط الخاص به، ومجموعة كبيرة من الصور وغيرها من المهام.

القائمة العمودية غير المتصلة v3.1.201

القائمة العمودية غير المتصلة v3.1.201- واحدة من وحدات Joomla الأكثر وظيفية وتنوعًا والمصممة لبناء وتصميم أي نوع من القوائم الرأسية بسرعة. يمكن استخدام الامتداد مع أي قوالب. يمكنك تنفيذ قائمة الأكورديون والقائمة المنبثقة وقائمة الشجرة وDropMenu. يمكنك أيضًا عمل ألواح جانبية. تشتمل الميزات الأخرى على رسوم متحركة انتقالية قابلة للتخصيص بالكامل، وإنشاء قائمة متراكبة، وعرض مرشح العناصر، وعرض شعار مخصص، وإدراج أكثر من 220 رمزًا، ودعم المكونات الأخرى، وغير ذلك الكثير.

مكون القائمة swMenuPro 10

swMenuPro v10.7 هو إصدار جديد لواحدة من أقوى ملحقات Joomla المصممة لإنشاء أي بنية ونوع قائمة تقريبًا. باستخدام هذا المكون، يمكنك إنشاء أربعة أنواع من القوائم المنبثقة أو المنسدلة بسرعة، وثلاثة أنواع من قوائم الأكورديون (يمكنك إنشاء قائمة مدمجة أو ديناميكية أو متعددة المستويات). يمكنك أيضًا تنفيذ قائمة متعددة الأعمدة أو الشجرة. في الإصدار الجديد، أضاف المطورون القدرة على نقل الأنماط إلى مواقع أخرى، وربط الصور بالعناصر، وتحرير التدرجات والخلفيات والظلال والزوايا والخطوط.

نواصل التعرف على إدارة Joomla 3. في هذه المقالة سوف نتعرف بالتفصيل على إمكانية قائمة نظام Joomla. ربما لا تكون هناك حاجة لتوضيح ماهية قائمة الموقع. يكفي أن نقول أنه على موقع Joomla، يمكن وضع القائمة عموديًا على اليمين و/أو وضعها أفقيًا في منطقة رأس الموقع.

من المعلومات العامة حول قائمة Joomla، تجدر الإشارة إلى أن مواد الفئة غير المرتبطة بأي قائمة موقع لن تكون مرئية على الموقع.

قوائم جملة 3 وعناصر القائمة

يتم إنشاء قوائم موقع Joomla بواسطة مسؤول الموقع أو مستخدمي الموقع الذين لديهم أذونات لإدارة قائمة الموقع. يتم تعيين حقوق إدارة القائمة في المكونات → مدير القائمة → علامة التبويب الأذونات.

قائمة Joomla نفسها ليست إعلامية، ولكنها وحدة نظام للموقع. يتم إنشاء قائمة لإنشاء عناصر القائمة الإعلامية لاحقًا.

ملحوظة:على موقع Joomla يمكنك إنشاء أي عدد من القوائم وأي عدد من عناصر القائمة بأي عمق تداخل. تداخل القائمة عبارة عن شجرة من النوع التالي: عناصر القائمة - العناصر الفرعية لعناصر القائمة - العناصر الفرعية للعناصر الفرعية لعناصر القائمة وما إلى ذلك.

كيفية إنشاء قائمة موقع جوملا

لإنشاء قائمة موقع، افتح علامة التبويب: القائمة → مدير القائمة → إنشاء قائمة من شريط أفقي أو الهيكل → مدير القائمة → إنشاء قائمة للقائمة الرأسية للجزء الإداري من الموقع.

نعطي القائمة اسمًا، تأكد من إدخال اسم نظام القائمة (نوع القائمة). يمكن أن يكون نوع القائمة أي كلمة لاتينية تشير بوضوح إلى الغرض من القائمة. على سبيل المثال، القائمة الرئيسية، القائمة الرئيسية، القائمة العلوية، القائمة السفلية.

كيفية إنشاء عناصر القائمة (عناصر القائمة الفرعية)

يتم إنشاء عناصر القائمة في علامة التبويب: القائمة → اسم القائمة → إنشاء عنصر القائمة.

أنواع عناصر القائمة

كما ذكرت سابقًا، تعد عناصر قائمة Joomla 3 بمثابة وحدات إعلامية للموقع. باستخدام عناصر القائمة، يمكنك فتح صفحات الموقع بمعلومات متنوعة. يمكن أن تختلف هذه المعلومات، ووفقًا لنوع المعلومات، يتم إنشاء أنواع مختلفة من القوائم. دعونا نلقي نظرة على أنواع عناصر القائمة:

نوع عنصر القائمة

1. جهات الاتصال (4 أنواع)؛

2. خلاصات الأخبار (3 أنواع)؛

3. المواد (7 أنواع) وهي

• المواد الأرشيفية؛
• مواد مختارة؛
• مادة؛
• فئة المدونة؛
• إنشاء المواد؛
• قائمة بجميع فئات الموقع؛
• قائمة المواد من فئة واحدة.

4. مدير الإعدادات.

5. مدير المستخدم (7 أنواع)؛

6. العلامات (3 أنواع)؛

7. المجمع.

9. النظام (4 أنواع)؛

10. البحث الذكي.

كما ترون، هناك العديد من أنواع عناصر القائمة وبمساعدتهم يمكنك تنظيم التنقل الجيد جدًا في الموقع.

يكفي نظرية، دعنا ننتقل إلى التدريب وإنشاء قائمة تحتوي على عنصرين أو ثلاثة عناصر في القائمة.

مثال على إنشاء قائمة موقع Joomla

لنقم بإنشاء قائمة تسمى "Menu1". سيكون اسم النظام "القائمة-1".

انتقل إلى علامة التبويب: القائمة → إنشاء القائمة.

في صفحة إنشاء القائمة، حدد اسمها "Menu1" واسم النظام "menu-1".

انقر فوق الزر "إنشاء".

الجميع! تم إنشاء القائمة.

ماذا يعني اسم قائمة النظام؟

سأوضح لك الغرض من اسم قائمة النظام. انتقل إلى phpmyadmin، مدير قاعدة بيانات الموقع.

• نحن نبحث عن الجدول: prefix_menu_types.
• افتحه (انقر فوق الاسم)، والذي يتوافق مع استعلام SQL:
• اختر * من "أنواع_قائمة_البادئة".
• ونرى اسم النظام للقوائم التي تم إنشاؤها (نوع القائمة).

خاتمة:مطلوب اسم نظام القائمة لإنشاء قيم فريدة في حقول جدول Menu_types في قاعدة بيانات Joomla.

لذلك، قمنا بإنشاء قائمة Joomla، وحان الوقت لإنشاء عناصر القائمة.

إنشاء عناصر قائمة جوملا

في علامة تبويب القائمة → عناصر القائمة → إنشاء قائمة، قم بإنشاء عنصر قائمة.

فئة = "إليادونيت">

قم بتسمية عنصر القائمة.

حدد نوع عنصر القائمة. فليكن نوع القائمة: فئة المدونة.

حدد النافذة المستهدفة: نافذة جديدة تحتوي على عناصر التنقل.

على اليمين نشير إلى اسم قائمتنا والعنصر الأصلي لعنصر القائمة هذا (2،3).

في علامات التبويب الأخرى، نقوم بتعيين إعدادات عناصر القائمة الأخرى:

خيارات تخطيط المدونة (3) – قالب المدونة. يمكنك تحديد عدد الأعمدة.

العرض (4) - نموذج لعرض المواد الفردية؛

إعدادات التكامل (5) - تمكين إنشاء خلاصات RSS لعنصر القائمة هذا.

خيارات الصفحة (7). هنا يمكنك تعيين عنوان بديل سيكون مرئيًا في المتصفح. يمكنك أيضًا تمكين "عنوان الصفحة". سيكون مرئيًا في بداية جميع صفحات عنصر القائمة هذا في العلامات

، والذي يتطابق مع جميع صفحات فئات المدونة.

البيانات الوصفية (8). تحتاج إلى ملء البيانات الوصفية لهذه المدونة، وهي الوصف والكلمات الرئيسية. يجب أن يكون الوصف فريدًا وألا يزيد طوله عن 165 حرفًا. الكلمات الرئيسية اختيارية.

بعد التحقق من كافة إعدادات عنصر القائمة، انقر فوق "إنشاء" أو "إنشاء إغلاق".

الجميع! تم إنشاء عنصر القائمة. كل ما تبقى هو وضع القائمة على الموقع.

كيفية وضع قائمة على موقع جوملا

سنضع قائمتين على الموقع. قائمة منسدلة أفقية وعمودية مع عرض شجرة القائمة بأكملها.

كيفية وضع قائمة منسدلة أفقية لـ Joomla

يتم وضع قائمة Joomla الأفقية المنسدلة في وحدة قالب خاصة تسمى "القائمة". يمكن إنشاء حقول إضافية لوضع القوائم في القالب، على سبيل المثال، قائمة التذييل، القائمة العلوية.

لإنشاء وحدة قائمة، انتقل إلى علامة التبويب: مدير الوحدة → إنشاء قائمة. حدد نوع الوحدة "القائمة".

إعدادات وحدة القائمة

في علامة التبويب "ربط عناصر القائمة"، نشير إلى صفحات الموقع التي سيتم عرض هذه الوحدة بها مع القائمة.

القائمة عبارة عن كتلة منفصلة تحتوي على عناصر القائمة. تتمثل وظيفة القائمة في إنشاء قائمة روابط لمواد أو أقسام مختلفة بالموقع. وتكوين المعلمات لإخراج هذه المواد. أولئك. مكان إجراء النقل وكيف ستبدو هذه المقالة أو الفئة أو القسم.

مدونة الفئة: المقالات ذات الامتداد موجودة في الصفحة واحدة تلو الأخرى على شكل عمود أو عدة أعمدة، وفي أسفل الصفحة يمكن أن تكون هناك روابط لمقالات أخرى في هذه الفئة.

بعد إنشاء بنية المحتوى، تحتاج إلى إنشاء قائمة لمستخدمي الموقع.

القائمة عبارة عن مجموعة من الأزرار التي ستقود المستخدم إلى كائنات محددة: المقالات، وقائمة الفئات، وما إلى ذلك. يمكنك عرض المعلومات على الموقع إما على شكل مدونة أو على شكل صفحة ثابتة.

من خلال فتح نافذة "مدير القائمة" (باستخدام زر "القائمة" في لوحة التحكم)، يمكنك رؤية صفحة تحتوي على أنواع القوائم التي تم إنشاؤها بالفعل.

لإنشاء قائمة جديدة، انقر على زر "إنشاء".

في صفحة "تفاصيل القائمة" التي تفتح، يجب عليك ملء الحقول التالية:

اسم النظام (باللغة اللاتينية)، العنوان - اسم عنصر القائمة عند عرضه على الموقع، ووصف القائمة وعنوان الوحدة - والذي سيتم استخدامه عند اختيار طريقة عرض القائمة على الموقع.

لإنشاء عناصر القائمة، في "مدير القائمة"، تحتاج إلى النقر فوق الزر "عناصر القائمة" في العمود الذي يحمل نفس الاسم.

في صفحة "عناصر القائمة"، انقر فوق الزر "إنشاء".

وانتقل إلى صفحة "عنصر القائمة".

يعرض أربعة أنواع من العناصر:

القسم – على شكل مدونة أو على شكل جدول روابط (سيتم عرض جميع المقالات الموجودة في القسم).

المادة – على شكل صفحة ثابتة تحتوي على مادة. (لا يتم عرض المقالات الأخرى على الصفحة.) أو نموذج لإرسال المواد (فقط للمستخدمين المعتمدين الذين لديهم حقوق لا تقل عن حقوق المؤلف)، حيث يمكنك كتابة مقال على الموقع باستخدام محرر النصوص.

قالب المدونة على الصفحة الرئيسية – يسمح لك بعرض المواد على الصفحة الرئيسية فقط في شكل مدونة. (يتم عرض جميع المواد التي تم تحديد خيار "العرض على الصفحة الرئيسية" بها).

من الأرشيف - في شكل مدونة بها مرشح يسمح لك بتعيين المعلمات لاختيار المواد. لإنشاء مدونة فئة، انقر على رابط "مدونة الفئة".

في الصفحة التي تفتح، املأ الحقول:

العنوان - النص الذي سيتم عرضه في القائمة

الاسم المستعار - النص الذي سيصبح أساس عنوان URL لهذا العنصر

إظهار في - ربط عنصر بقائمة محددة

العنصر الأصلي - حدد العنصر الأصلي للعنصر

الوصول - للإشارة إلى الوصول إلى العنصر

فتح - في أي نافذة سيتم فتح عنصر القائمة

في علامة التبويب "المعلمات - الأساسية":

الوصف - إخفاء الوصف أو إظهاره

الصورة - إخفاء الأوصاف أو إظهار صورة الوصف

العرض الكامل - حدد عدد عناصر الأخبار التي سيتم عرضها بالعرض الكامل لمنطقة المحتوى

مقدمة - حدد عدد عناصر الأخبار التي يظهر لها النص التمهيدي فقط

الأعمدة - تشير إلى عدد الأعمدة التي سيتم ترتيب المواد فيها

ملحوظة: يتيح لك مفتاح "تغيير النوع" تغيير نوع عنصر القائمة.

ليس لديك الحق لكتابة التعليقات

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

اقتراحات محددة لتحسين القائمة

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

إنشاء فئات وأكثر من ذلك

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

اجعل التنقل في الموقع أمرًا مريحًا حقًا

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

مرحبا ايها الاصدقاء! زاور ماجوميدوف على اتصال. في هذه المذكرة أود أن أقدم لك قائمة أكورديون رأسية لطيفة لموقع على Joomla 2.5 - 3.0. هذه القائمة بسيطة جدًا ولا تتطلب تنفيذ الكثير من التعليمات البرمجية، وهو أمر غالبًا ما أنتبه إليه. كما يقولون - "الأقل هو الأفضل".

لقد تناولنا بالفعل في المشاركات السابقة إنشاء قائمة أفقية وإنشاء قائمة أفقية متعددة المستويات لـ joomla 2.5. والآن وصلنا إلى الوضع الرأسي.

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

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

ربط القوائم في joomla 3.x.x

أولاً، قم بفك ضغط الأرشيف في مجلد معين على جهاز الكمبيوتر الخاص بك. والشيء التالي الذي سنفعله هو نسخ الصور من مجلد الصور إلى مجلد الصور في القالب الخاص بك. عادةً ما يكون هذا هو مجلد الصور في العديد من القوالب، إذا تم استدعاؤه بشكل مختلف، على سبيل المثال، img، فيجب عليك تغيير المسارات إلى الصور في ملف النمط - vmenu.css. نحتاج أيضًا إلى توصيل أحد البرامج النصية للقائمة. أقترح إنشاء مجلد "js" في جذر القالب الخاص بك ووضع ملفات البرامج النصية فيه - Menu.js أو Menu-collapsed.js. لماذا ملفين؟ الحقيقة هي أنه، إذا لاحظت، يوجد في الموقع التجريبي خياران لعرض هذه القائمة. يمكنك أن تنظر بعناية في كيفية اختلافها عن بعضها البعض. قم بتوصيل الإصدار المفضل لديك من البرنامج النصي Menu.js أو Menu-collapsed.js. الخيار 1 هو البرنامج النصي Menu-collapsed.js والخيار 2 هو Menu.js. للقيام بذلك، في بداية ملف Index.php القالب، أدخل الأسطر التالية:

$doc = JFactory::getDocument(); // الحصول على المعلمات
$doc->addStyleSheet(JUri::base().'/templates/'.$this->template.'/css/vmenu.css'); // تضمين ملف الأنماط
$doc->addScript(JUri::base().'/templates/'.$this->template.'/js/menu-collapsed.js'); // قم بتوصيل البرنامج النصي للقائمة، وهو في هذه الحالة الخيار رقم 1
?>

نحتاج أيضًا إلى مكتبة jQuery، ولكن في joomla3 يتم تضمينها بالفعل بشكل افتراضي، لأن يتم استخدام الإطار.

لذلك، يحتوي ملف CSS على الكود التالي:

/********************************
القائمة المنسدلة العمودية الأكورديون
************************************************************/
ul.vmenu (


الهامش: 0;
الحشو: 0؛
نمط القائمة: لا شيء؛
}
ul.vmenuli (
الهامش: 0 0 2 بكسل؛
}
ul.vmenu لى (

الحد: 1 بكسل صلب #D5D5D5؛
-moz-border-radius: 3px؛
- نصف قطر الحدود: 3 بكسل ؛
-webkit-border-radius: 3px؛
-ms-border-radius: 3px;
نصف قطر الحدود: 3px؛
اللون: #515151؛
العرض محجوب؛
الحشو: 5 بكسل 8 بكسل؛
زخرفة النص: لا شيء؛
}
ul.vmenu li > a:hover، ul.vmenu li.active > a، ul.vmenu li >
ul.vmenu li.parent > a:after (

العرض محجوب؛
محتوى:""؛
تعويم: صحيح؛
الهامش: 8 بكسل 5 بكسل 0 0؛
الارتفاع: 3 بكسل؛
العرض: 6 بكسل؛
}
/* العناصر المنسدلة */
ul.vmenu لي ul (
وزن الخط: عادي؛
الهامش: 10 بكسل 0 10 بكسل 15 بكسل؛
نمط القائمة: لا شيء؛
}
ul.vmenu لي أول لي (
الخلفية: لا شيء؛
الهامش: 0 0 5 بكسل
}
ul.vmenu لي أول لي أ (

الحدود: لا شيء متوسط؛
الحشو: 0 0 0 15 بكسل؛
}
ul.vmenu li ul li a:hover (اللون:#29719E؛زخرفة النص:تسطير)
ul.vmenu li ul li.active a (اللون:#29719E;وزن الخط:غامق)

/*********************
أكورديون القائمة المنسدلة العمودية - الخيار 2
************************************************************************/
ul.vmenu2 (
الخط: غامق 12px Arial، Helvetica، sans-serif؛
نمط القائمة: لا شيء خارج لا شيء؛
الهامش: 0;
الحشو: 0؛
نمط القائمة: لا شيء؛
}
ul.vmenu2li (
الهامش: 0 0 2 بكسل؛
}
ul.vmenu2 لى (
الخلفية: url("../images/vmenu-li-bg.jpg") تكرار أسفل اليسار-x؛
الحد: 1 بكسل صلب #D5D5D5؛
-moz-border-radius: 3px؛
- نصف قطر الحدود: 3 بكسل ؛
-webkit-border-radius: 3px؛
-ms-border-radius: 3px;
نصف قطر الحدود: 3px؛
اللون: #515151؛
العرض محجوب؛
الحشو: 5 بكسل 8 بكسل؛
زخرفة النص: لا شيء؛
}
ul.vmenu2 li > a:hover، ul.vmenu2 li.active > a، ul.vmenu2 li > a:focus (لون الخلفية: شفاف؛ اللون:#0088CC)
ul.vmenu2 li.parent > a:after (
الخلفية:url(".../images/arrow-dropdown.png") بدون تكرار؛
العرض محجوب؛
محتوى:""؛
تعويم: صحيح؛
الهامش: 8 بكسل 5 بكسل 0 0؛
الارتفاع: 3 بكسل؛
العرض: 6 بكسل؛
}
/* العناصر المنسدلة */
ul.vmenu2 لي ul (
وزن الخط: عادي؛
الهامش: 10 بكسل 0 10 بكسل 15 بكسل؛
نمط القائمة: لا شيء؛
}
ul.vmenu2 لي أول لي (
الخلفية: لا شيء؛
الهامش: 0 0 5 بكسل
}
ul.vmenu2 لي أول لي أ (
الخلفية: url("../images/vmenu-arrow.png") تمرير بدون تكرار بمركز 5px شفاف! مهم؛
الحدود: لا شيء متوسط؛
الحشو: 0 0 0 15 بكسل؛
}
ul.vmenu2 li ul li a:hover (اللون:#29719E؛زخرفة النص:تسطير)
ul.vmenu2 li ul li.active a (اللون:#29719E;وزن الخط:غامق)

يحتوي هذا الملف على أنماط كلا الخيارين ويمكنك إزالة أنماط خيار القائمة التي لا تحتاج إليها.

الآن بعد أن تم إنشاء جميع العناصر، يمكننا إنشاء وحدة نمطية سنعرض بها قائمتنا في موضع نمطي واحد أو آخر من القالب. اخترت العمود الأيسر. انتقل إلى مدير القائمة وانقر على الرابط "إضافة وحدة نمطية لنوع القائمة هذا" المقابل للقائمة التي تم إنشاؤها. يمكنك أيضًا إنشاء وحدة قائمة بالطريقة التالية - انتقل إلى مدير الوحدة: الامتدادات -> مدير الوحدة -> إنشاء -> القائمة (حدد نوع الوحدة).

انتقل إلى علامة التبويب "الإعدادات المتقدمة". نحن هنا ندخل مسافة ونقوم بإدراج لاحقة فئة القائمة - vmenu. لما هذا؟ قد يكون هناك أكثر من قائمة في الموقع، وحتى لا تتداخل أنماطها، نقدم فئة بديلة لقائمة القوائم غير المرقمة. إذا أعجبك الخيار الثاني لعرض القائمة، فأدخل كلاحقة مفصولة بمسافة - vmenu2.

هذا كل شيء، بعد إجراء الإعدادات، احفظ الوحدة. إذا فعلت كل شيء بشكل صحيح، فستظهر على موقع الويب الخاص بك قائمة مشابهة لتلك الموجودة على موقع الويب.

دعني أذكرك مرة أخرى!يوجد خياران للقائمة على الموقع التجريبي ومن المحتمل أن تختار أحدهما. في هذه الحالة، ليست هناك حاجة لتضمين كلا الملفين النصيين، يكفي ملف واحد فقط.

• ملف القائمةcollapsed.js. - هذا هو خيارنا 1 - قائمة الأكورديون - الخيار 1
• ملف Menu.js هو خيارنا 2 - قائمة الأكورديون - الخيار 2
• لاحقة فئة القائمة (مفصولة بمسافة) للخيار 1 - vmenu
• لاحقة فئة القائمة (مفصولة بمسافة) للخيار 2 - vmenu2

وبناء على ذلك، قم بتوصيل الملف الذي تحتاجه. يمكنك أيضًا إزالة الأنماط الموجودة في ملف css لخيار لا نحتاج إليه، حتى لا يتم تحميل كيلو بايتات إضافية مرة أخرى.

ربط القوائم في جملة 2.5.x

لا يختلف توصيل القائمة في جملة 2.5 عن الاتصال في جملة 3، إلا أننا نحتاج إلى توصيل مكتبة jQuery بالإضافة إلى ذلك. للقيام بذلك، أضف السطر التالي إلى الكود أعلاه:

$وثيقة->
?>

سنحصل على شيء مثل هذا:

$doc = JFactory::getDocument(); //الحصول على المعلمات
$doc->addScript('http://code.jquery.com/jquery-latest.min.js'); // تضمين أحدث إصدار من مكتبة jQuery
$doc->addScript(JUri::base().'/templates/'.$this->template.'/js/menu-collapsed.js'); // قم بتوصيل البرنامج النصي للقائمة، وهو في هذه الحالة الخيار رقم 1
?>

وهناك شيئ اخر. في Joomla 2.5، لا يوجد نوع عنصر قائمة، روابط النظام -> الرأس، لا يوجد سوى نوع فاصل نص - فاصل، ولكن هذا النوع من العناصر لن يناسبنا، لأن لن يكون عنوان عنصر القائمة محاطًا برابط. في هذه الحالة، تحتاج إلى تحديد نوع "عنوان URL الخارجي" وإدراج العنصر النائب - # كعنوان URL. كل شيء آخر هو نفسه.

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