عمودي هرمية متعددة المستويات القائمة المتداخلة لورد

واضاف، متداخلة متعددة المستويات، كبار المسئولين الاقتصاديين ودية قائمة التنقل إلى وورد - جزء 2

بواسطة gesman في 10 يوليو 2009

السعي من أجل القائمة عمودي مثالي ...

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

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

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

قضيت حوالي 16 ساعة في البحث وتجميع واختبار، وتحديد، وتلميع وضبط CSS القائمة العمودية و. شبيبة رمز وأنفق 3/4 من الوقت مما يجعل من العمل في MSIE 6.
على أي حال، وكنت راضيا عن النتيجة النهائية. أدى الملاحة القائمة العمودية لديه كل نفس المزايا التي الأفقية القائمة لديها.

وجود القدرة على إضافة القائمة العمودية من المهم جدا أن حوالي 70-80٪ من البوابات على شبكة الإنترنت. وقد تقتصر القوائم الأفقية "الفضاء" لاستيعاب الخيارات القائمة كثيرة ولكن القائمة العمودية لم يقم هذا القيد، وسوف يساعد كثيرا. حتى هنا نذهب.

وسبق وصفها الكثير من الخطوات لتحقيق ذلك في الجزء 1 من البرنامج التعليمي لذلك هذا سيجعل لمدة أقصر قليلا، ولكن مع نتائج ميزة أكثر من ذلك بكثير الغنية.

حتى هنا غني:

مبنى كبار المسئولين الاقتصاديين ودية،، متعددة المستويات العمودية، القائمة المتداخلة هرميا لورد و . خطوة خطوة
(... ما لم تفكر أبدا أنها ممكنة ...)

  1. تثبيت EXEC PHP البرنامج المساعد وتنشيطه. ونحن في حاجة إليها لأنني سوف تستخدم PHP داخل القطعة نص لينبعث رمز القائمة العمودية "أتش تي أم أل.
  2. تفعل الخطوات من 1 - 6 من الجزء 1 من البرنامج التعليمي . في الأساس تحتاج إلى تثبيت وتفعيل استخدام NAVT المساعد + بصريا بناء القائمة الخاصة بك. تأكد من اسم مجموعة القائمة هو 'menu1 ". وضمنية هذا الاسم في custom_functions.php
  3. انقر على أيقونة "والعتاد" لمجموعتك 'menu1 "لتحرير خصائص انها:
    navt_customize_menu
  4. يتبع خطوات 7.1 -7.3 من البرنامج التعليمي 1 الجزء لتحديد "خيارات"، "عرض" و "CSS" ضبط علامات التبويب.
  5. الآن انقر على علامة التبويب "موضوع" من هذا الحوار. سوف نقوم بالكتابة هناك عدد من الإعدادات (إذا تم بعد الخطوة 1). هذا على ما يرام - أنك لن تخسر أي شيء - ولكن هناك حاجة لهذه التغييرات لأنني قمت بتغيير بعض التعليمات البرمجية من الخطوة 1.
    هنا هو كيف أن هذا الحوار يجب أن يكون شغلها في:
    1. من داخل "موضوع كسباث:" منطقة دخول هذا الرمز (هذا يقود إلى استبدال أي بصمة مع هذه الفئات):
      .jquerycssmenu, .jqueryslidemenu
    2. تعيين "العمل" إلى "استبدال"
    3. من داخل "قبل إضافة علامات الملاحة مجموعة" منطقة أدخل هذا الرمز:
      <div class='jquerycssmenu' style='margin-top:5px;'>
    4. من داخل "به بعد إضافة مجموعة الملاحة" منطقة أدخل هذا الرمز:
      <br style='clear: left' /></div>
    5. انقر على [حفظ / إغلاق] زر.
  6. الآن انتقل إلى لوحة الادارة وورد -> المظهر -> القطع.
  7. سحب "نص" القطعة (من منطقة كبيرة "مربعات متوفرة") في منطقة "الشريط الجانبي 1" على اليمين. سنقوم باضافة الشفرة في نص القطعة التي من شأنها أن تساعدنا على تجسيد القائمة الرأسية.
    ملاحظة: افترض لديك "الشريط الجانبي 1" في الوجود. خيارات أطروحة يسمح لك لإيقاف تشغيله - ولكن من أجل هذا البرنامج التعليمي دعونا جعله يكون.
  8. بمجرد سحب وإسقاط هذه القطعة - سوف يفتح مثل زهرة (أشعر الآن أن الرومانسية MSIE النضال هو أكثر من ذلك).
  9. في منطقة "العنوان" الدخول "في العالم قائمة أفضل رأسي" ... حسنا، لا تتردد في استخدام إبداعك - أن النص سوف تذهب فوق القائمة الخاصة بك العمودي المولود حديثا.
  10. في مجال كبير للنص - أدخل هذا الرمز PHP:
    <?php
    if (function_exists('navt_getlist'))
    $menu_html = navt_getlist ('menu1', false, '', 'ul id="dd_vertical"');
    else
    $menu_html = "";
    $menu_html = preg_replace ('#class=[\'\"]jquery(css|slide)menu[\'\"]#', 'class="dd_vertical"', $menu_html);
    echo $menu_html;
    ?>
  11. اضغط على زر [حفظ]، انقر على وصلة "إغلاق".
  12. تحميل تحديث مجموعة من الملفات هنا .
    هذا الأرشيف يتضمن:


    • نسخة محدثة من "مشرق" رمز القائمة الأفقي
    • "الظلام" نسخة من القائمة الأفقية
    • رموز القائمة العمودية
    • نسخة محدثة من custom_functions.php
  13. الآن انت بحاجة الى بفك هذا الأرشيف وتحميله إلى الدليل "مخصص" الخاص بك .
    ملاحظة: إذا كنت قد فعلت أي تخصيصات داخل custom_functions.php - كنت بحاجة إلى دمجها. إن لم يكن - لا تتردد في الكتابة عليه مع لي نسخة.
  14. فويلا! الآن يمكنك تحميل موقع الويب الخاص بك، وراجع في "مشرق" نفس القائمة الأفقية + neato القائمة العمودية في الشريط الجانبي الأيسر.
  15. مهمة BONUS: اسمحوا تغيير "مشرق" القائمة أفقي على ل"الظلام" نظام الألوان.
    1. داخل ملف custom_functions.php:
      استبدل هذا الرمز:
      echo "<div class=\"jquerycssmenu\">$menu_html</div>"; // "Bright" menu
      //echo "<div class=\"jqueryslidemenu\">$menu_html</div>"; // "Dark" menu

      مع هذا الرمز:
      //echo "<div class=\"jquerycssmenu\">$menu_html</div>"; // "Bright" menu
      echo "<div class=\"jqueryslidemenu\">$menu_html</div>"; // "Dark" menu

      اساسا نحن التعليق خارج خط واحد وuncommenting الآخر.
    2. انتقل الآن إلى ورد الادارية-> أدوات> قوائم NAVT وانقر على أيقونة المذكورة أعلاه "والعتاد" لتحرير خصائص من مجموعتك 'menu1 ".
    3. انقر على زر "موضوع" علامة التبويب.
    4. من داخل "قبل إضافة علامات الملاحة مجموعة" منطقة أدخل هذا الرمز:
      <div class='jqueryslidemenu' style='margin-top:5px;'>
    5. الآن - تحميل الصفحة الخاصة بك - والرئيسي الخاص بك قائمة التنقل الأفقي "سحرية" أصبح الظلام، وشيء من هذا القبيل:
      Thesis theme - multilevel nested CSS menu - dark palette

      - متعددة المستويات القائمة المغلق متداخلة - لوح الظلام

      وقد لوح الألوان الداكنة تكون أكثر ملاءمة لمواقع معينة من لون واحد خفيف. حتى الآن لديك حرية الاختيار في حياتك!

    6. لنعود إلى "مشرق" نظام الألوان - التراجع عن خطوات فقط فوق "مكافأة".
  16. والخلاصة:
    أحب ، وأنا أحب وورد، وأنا أحب حقيقة أن لدينا وسائل لإضافة قوائم الملاحة لائق على البوابات لدينا.

20 $


يتمتع!

جليب Esman

اترك التعليق

الوظيفة السابقة: