السعي لتحقيق الكمال القائمة العمودية...
الجزء 1 من هذا البرنامج التعليمي ووصف الخطوة خطوة عملية لبناء الأفقي القائمة متداخلة متعددة المستويات ل موضوع الأطروحة وورد . وسوف تستمر في الجزء 2 من أجل تعزيز هذه الوظيفة. هنا سنضيف "الظلام" نسخة من قائمة التنقل الأفقي وأنا سوف يعلمك كيفية التبديل بين "المشرق" و "الظلام" الإصدار. جزء 2 هو مجاميع من الجزء 1. وهو يشمل جميع من الجزء 1 + يضيف المزيد من الأشياء باردة.
الفكرة الرئيسية التي أردت أن الحاضر هو إضافة إلى القائمة العمودية موضوع الأطروحة (وورد بصفة عامة). كنت أبحث عن مرونة حقا القائمة كبار المسئولين الاقتصاديين ودية ومتعددة متصفح متوافق العمودية التي من شأنها أن تسمح لخلق مستويات تداخل محدود.
WEB وقد طن من الصفحات حول هذا الموضوع ولكن عندما بدأت محاكمة جميع هذه العينات -- إما أنهم كسروا أسفل ، ينهار ، بدعم عدد محدود فقط من مستويات أو أساءت التصرف في junksplorer غيتس بالمر + 6. حصلت أخيرا عدت إلى حاول وأعرب عن ثقته القوائم محرك ديناميكي كعينات على رأسي ثبت أن قضية لطيفة الذي يناسب احتياجات بلدي صرامة. واضطررت الى تعديل كبير منهم على الرغم من للتأكد من تناسبها نموذج الرسالة.
السعي لتحقيق الكمال لا يزال...
قضيت حوالي 16 ساعة في البحث والتجميع والاختبار ، وتحديد ، وتلميع وضبط الرأسي المغلق القائمة و. أنفق شبيبة رمز و 3 / 4 من الوقت مما يجعل العمل في MSIE 6.
على أي حال ، لقد كنت سعيدا بالنتيجة النهائية. أسفرت الملاحة القائمة العمودية و كل نفس المزايا التي قد الأفقي القائمة.
وجود القدرة على إضافة القائمة العمودية من المهم جدا أن حوالي 70-80 ٪ من البوابات على شبكة الإنترنت. حدت القوائم الأفقية "الفضائية" لاستيعاب الخيارات القائمة كثيرة ولكن القائمة العمودية لايوجد هذا القيد ، وسوف يساعد كثيرا. حتى هنا نذهب.
وصفت من قبل الكثير من الخطوات لتحقيق ذلك في الجزء 1 من البرنامج التعليمي ولذلك فإن هذا سيجعل لمدة أقصر قليلا ، ولكن مع ميزة نتائج أكثر من ذلك بكثير الغنية.
حتى هنا غني :
كبار المسئولين الاقتصاديين ودية بناء ، متعددة المستويات الرأسية ، القائمة المتداخلة هرميا لورد و موضوع الأطروحة . خطوة خطوة
(... ما كنت أبدا من الممكن التفكير...)
- تثبيت فب إكسيك المساعد وتنشيطه. ونحن في حاجة إليها لأنني سوف تستخدم PHP مصغر داخل النص لينبعث رمز القائمة العمودية "HTML.
- تفعل الخطوات 1-6 من الجزء 1 من البرنامج التعليمي . في الأساس تحتاج إلى تثبيت وتفعيل استخدام NAVT المساعد + بصريا بناء القائمة الخاصة بك. تأكد من اسم مجموعة القائمة هو 'menu1. ضمنية غير هذا الاسم في custom_functions.php
- انقر على أيقونة "العتاد" لمجموعتك 'menu1" لتحرير خصائص انها :
- يتبع خطوات 7.1 -7.3 الجزء 1 البرنامج التعليمي لمجموعة "خيارات" ، "العرض" و "المغلق" ضبط علامات التبويب.
- الآن انقر على علامة التبويب "موضوع" من هذا الحوار. سوف نقوم بالكتابة هناك عدد من الإعدادات (إذا كانت الخطوة التالية 1). هذا على ما يرام -- أنك لن تخسر شيئا -- ولكن هناك حاجة لهذه التغييرات لأنني قمت بتغيير بعض التعليمات البرمجية من الخطوة 1.
هنا كيف أن هذا الحوار يجب أن يكون شغلها في كل من :- من الداخل "xpath الموضوع :" دخول هذه المنطقة رمز (والأوامر لاستبدال أي بصمة مع هذه الفئات) :
.jquerycssmenu, .jqueryslidemenu - تعيين "العمل" الى "استبدال"
- من الداخل "إضافة علامات الملاحة قبل مجموعة" منطقة دخول هذا الرمز :
<div class='jquerycssmenu' style='margin-top:5px;'> - من الداخل "بعد إضافة علامات الملاحة مجموعة" منطقة دخول هذا الرمز :
<br style='clear: left' /></div> - انقر على [حفظ / وثيقة] زر.
- من الداخل "xpath الموضوع :" دخول هذه المنطقة رمز (والأوامر لاستبدال أي بصمة مع هذه الفئات) :
- انتقل الآن لوحة الادارة وورد --> المظهر --> القطع.
- اسحب "نص" القطعة (من "المتوفرة الحاجيات" كبيرة للمنطقة) في منطقة "الشريط الجانبي 1" على اليمين. سنكون مضيفا رمز مصغر في النص الذي سوف يساعدنا على تجسيد القائمة الرأسية.
ملاحظة : افترض لديك "الشريط الجانبي 1" في الوجود. خيارات أطروحة يسمح لك لإيقاف تشغيله -- ولكن من اجل جعل هذا البرنامج التعليمي واسمحوا أن يكون. - بمجرد سحب وإسقاط هذه القطعة -- سوف يفتح مثل زهرة (أشعر الآن بأن الرومانسية MSIE النضال هو أكثر من ذلك).
- في منطقة "العنوان" الدخول "في العالم قائمة أفضل العمودي"... حسنا ، لا تتردد في استخدام إبداعك -- هذا النص سوف تذهب فوق القائمة الخاصة بك العمودي المولود حديثا.
- في منطقة كبيرة للنص -- أدخل هذا الرمز 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;
?> - اضغط على زر [حفظ] ، انقر على رابط "إغلاق".
- تحديث مجموعة من الملفات تحميل هنا .
هذا الأرشيف يتضمن :- نسخة محدثة من "زاهية" رمز القائمة الأفقي
- "الظلام" نسخة من القائمة الأفقية
- رموز القائمة العمودية
- تحديث إصدار custom_functions.php
- الآن تحتاج إلى بفك هذا الأرشيف وتحميله إلى الدليل "مخصص" الخاص بك موضوع الأطروحة .
ملاحظة : إذا كنت قد فعلت أي تخصيصات داخل custom_functions.php -- كنت بحاجة إلى دمجها. إن لم يكن -- لا تتردد في الكتابة عليه مع الإصدار الخاص بي. - فويلا! الآن يمكنك تحديث موقع الويب الخاص بك ، وراجع في "مشرق" نفس القائمة الأفقية + neato القائمة العمودية في الشريط الجانبي الأيسر.
- المهمة BONUS : اسمحوا التغيير "مشرق" على القائمة الأفقية في "الظلام" نظام الألوان.
- داخل ملف 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 الآخر. - انتقل الآن الى وورد مشرف -> أدوات> قوائم NAVT وانقر على أيقونة المذكور "العتاد" لتعديل خصائص مجموعتك 'menu1.
- انقر على "المحور" التبويب.
- من الداخل "إضافة علامات الملاحة قبل مجموعة" منطقة دخول هذا الرمز :
<div class='jqueryslidemenu' style='margin-top:5px;'> - الآن -- تحديث الصفحة الخاصة بك -- والخاص الرئيسية قائمة التنقل الأفقي "سحرية" أصبح الظلام ، وشيء من هذا القبيل :
موضوع الأطروحة -- متعددة المستويات القائمة المغلق المتداخلة -- لوح الظلام
قد يكون لوح الألوان الداكنة أكثر ملاءمة لمواقع معينة من لون واحد الخفيفة. حتى الآن لديك حرية الاختيار في حياتك!
- لنعود إلى "مشرق" نظام الألوان -- التراجع عن الخطوات المذكورة أعلاه فقط "مكافأة".
- داخل ملف custom_functions.php :
- الخلاصة :
أحب موضوع الرسالة ، وأنا أحب ورد وأنا أحب حقيقة أن لدينا طرق لإضافة القوائم الملاحة اللائق لبوابات لدينا.
20 $
يتمتع!
جليب Esman
comments } { 5 تعليق }




