|
|
|
|
أدوات الموضوع | انواع عرض الموضوع |
11-21-2012, 09:24 PM | #1 |
مدون جديد
تاريخ التسجيل: Oct 2012
المشاركات: 34
|
غير مجاب: شكلة عمل قوائم منسدلة ..
السلام عليكم و رحمة الله و بركاته عملت من فترة قائمة أفقية منسدلة و كانت تعمل بشكل جيد و لكن تفاجئت بأن أمس توقفت عن العمل .... هذا الكود الذي يوجد في مدونتي .. كود:
<script src='http://mybloggertricks.googlecode.com/files/dropdownddlevel.js' type='text/javascript'></script> <style> /* ######### Drop Down Menu by www.support-b.blogspot.com ######### */ .ddsubmenustyle, .ddsubmenustyle div{ /*topmost and sub DIVs, respectively*/ font: normal 13px Verdana; margin: 0; padding: 0; position: absolute; left: 0; top: 0; list-style-type: none; background: white; border: 1px solid black; border-bottom-width: 0; visibility: hidden; z-index: 100; } .ddsubmenustyle ul{ margin: 0; padding: 0; position: absolute; left: 0; top: 0; list-style-type: none; border: 0px none; } .ddsubmenustyle li a{ display: block; width: 170px; /*width of menu (not including side paddings)*/ color: black; background-color: lightyellow; text-decoration: none; padding: 4px 5px; border-bottom: 1px solid black; } * html .ddsubmenustyle li{ /*IE6 CSS hack*/ display: inline-block; width: 170px; /*width of menu (include side paddings of LI A*/ } .ddsubmenustyle li a:hover{ background-color: black; color: white; } .downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/ padding-left: 4px; border: 0; } .rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/ position: absolute; padding-top: 3px; left: 100px; border: 0; } .ddiframeshim{ position: absolute; z-index: 500; background: transparent; border-width: 0; width: 0; height: 0; display: block; } /* ######### Black Strip Main Menu Bar CSS ######### */ .mattblackmenu ul{ margin: 0; padding: 0; font: bold 12px Verdana; list-style-type: none; border-bottom: 1px solid gray; background: #414141; overflow: hidden; width: 100%; } .mattblackmenu li{ display: inline; margin: 0; } .mattblackmenu li a{ float: left; display: block; text-decoration: none; margin: 0; padding: 6px 8px; /*padding inside each tab*/ border-right: 1px solid white; /*right divider between tabs*/ color: white; background: #FF0066; } .mattblackmenu li a:visited{ color: white; } .mattblackmenu li a:hover{ background: black; /*background of tabs for hover state */ } .mattblackmenu a.selected{ background: black; /*background of tab with "selected" class assigned to its LI */ } </style> <div id="ddtopmenubar" class="mattblackmenu"> <ul> <li><a href="http://physical-city.blogspot.com">الرئيسية</a></li> <li><a href="#" rel="ddsubmenu2">فيزياء السابع</a></li> <li><a href="#" rel="ddsubmenu3">فيزياء الثامن</a></li> <li><a href="#" rel="ddsubmenu4">فيزياء التاسع</a></li> <li><a href="#" rel="ddsubmenu5">فيزياء العاشر</a></li> <li><a href="#" rel="ddsubmenu6">فيزياء الحادي عشر</a></li> <li><a href="#" rel="ddsubmenu7">فيزياء الثاني عشر </a></li> </ul> </div> <script type="text/javascript"> ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar") </script> <ul class='ddsubmenustyle' id='ddsubmenu2'> <li><a href='http://physical-city.blogspot.com/search/label/%D9%81%D9%8A%D8%B2%D9%8A%D8%A7%D8%A1%20%D8%A7%D9%84%D8%B3%D8%A7%D8%A8%D8%B9%20%D8%A7%D9%84%D9%88%D8%AD%D8%AF%D8%A9%20%D8%A7%D9%84%D8%AB%D8%A7%D9%84%D8%AB%D8%A9?&max-results=5'>الوحدة الثالثة</a></li> <li><a href='http://physical-city.blogspot.com/search/label/%D9%81%D9%8A%D8%B2%D9%8A%D8%A7%D8%A1%20%D8%A7%D9%84%D8%B3%D8%A7%D8%A8%D8%B9%20%D8%A7%D9%84%D9%88%D8%AD%D8%AF%D8%A9%20%D8%A7%D9%84%D8%B3%D8%A7%D8%A8%D8%B9%D8%A9?&max-results=5'>الوحدة السابعة</a> </li> <li><a href='http://physical-city.blogspot.com/search/label/%D9%81%D9%8A%D8%B2%D9%8A%D8%A7%D8%A1%20%D8%A7%D9%84%D8%B3%D8%A7%D8%A8%D8%B9%20%D8%A7%D9%84%D9%88%D8%AD%D8%AF%D8%A9%20%D8%A7%D9%84%D8%AB%D8%A7%D9%85%D9%86%D8%A9?&max-results=5'>الوحدة الثامنة</a></li> </ul> <ul class='ddsubmenustyle' id='ddsubmenu3'> <li><a href='http://physical-city.blogspot.com/search/label/%D9%81%D9%8A%D8%B2%D9%8A%D8%A7%D8%A1%20%D8%A7%D9%84%D8%AB%D8%A7%D9%85%D9%86%20%D8%A7%D9%84%D9%88%D8%AD%D8%AF%D8%A9%20%D8%A7%D9%84%D8%B3%D8%A7%D8%A8%D8%B9%D8%A9?&max-results=5'>الوحدة السابعة</a></li> <li><a href='#'>الوحدة الثامنة </a></li> </ul> <ul class='ddsubmenustyle' id='ddsubmenu4'> <li><a href='http://physical-city.blogspot.com/search/label/%D9%81%D9%8A%D8%B2%D9%8A%D8%A7%D8%A1%20%D8%A7%D9%84%D8%AA%D8%A7%D8%B3%D8%B9%20%D8%A7%D9%84%D9%88%D8%AD%D8%AF%D8%A9%20%D8%A7%D9%84%D8%B3%D8%A7%D8%AF%D8%B3%D8%A9?&max-results=5'>الوحدة السادسة </a></li> </ul> <ul class='ddsubmenustyle' id='ddsubmenu5'> <li><a href='http://physical-city.blogspot.com/search/label/%D9%81%D9%8A%D8%B2%D9%8A%D8%A7%D8%A1%20%D8%A7%D9%84%D8%B9%D8%A7%D8%B4%D8%B1%20%D8%A7%D9%84%D9%88%D8%AD%D8%AF%D8%A9%20%D8%A7%D9%84%D8%AB%D8%A7%D9%84%D8%AB%D8%A9?&max-results=5'>الوحدة الثالثة</a></li> <li><a href='#'>الوحدة السابعة</a> </li> <li><a href='#'>الوحدة الثامنة</a></li> </ul> <ul class='ddsubmenustyle' id='ddsubmenu6'> <li><a href='http://physical-city.blogspot.com/search/label/%D9%81%D9%8A%D8%B2%D9%8A%D8%A7%D8%A1%20%D8%A7%D9%84%D8%AD%D8%A7%D8%AF%D9%8A%20%D8%B9%D8%B4%D8%B1%20%D8%A7%D9%84%D9%88%D8%AD%D8%AF%D8%A9%20%D8%A7%D9%84%D8%A3%D9%88%D9%84%D9%89?&max-results=5'>الوحدة الأولى</a></li> <li><a href='http://physical-city.blogspot.com/search/label/%D9%81%D9%8A%D8%B2%D9%8A%D8%A7%D8%A1%20%D8%A7%D9%84%D8%AD%D8%A7%D8%AF%D9%8A%20%D8%B9%D8%B4%D8%B1%20%D8%A7%D9%84%D9%88%D8%AD%D8%AF%D8%A9%20%D8%A7%D9%84%D8%AB%D8%A7%D9%86%D9%8A%D8%A9?&max-results=5'>الوحدة الثانية</a> </li> <li><a href='#'>الوحدة الثالثة</a></li> <li><a href='#'>الوحدة الرابعة</a></li> <li><a href='#'>الوحدة الخامسة</a> </li> <li><a href='http://physical-city.blogspot.com/search/label/%D9%81%D9%8A%D8%B2%D9%8A%D8%A7%D8%A1%20%D8%A7%D9%84%D8%AD%D8%A7%D8%AF%D9%8A%20%D8%B9%D8%B4%D8%B1%20%D8%B4%D8%A7%D9%85%D9%84%20%D9%84%D9%84%D9%88%D8%AD%D8%AF%D8%A7%D8%AA?&max-results=5'>شامل للوحدات</a></li> <li><a href='http://physical-city.blogspot.com/search/label/%D9%81%D9%8A%D8%B2%D9%8A%D8%A7%D8%A1%20%D8%A7%D9%84%D8%AD%D8%A7%D8%AF%D9%8A%20%D8%B9%D8%B4%D8%B1%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20%D8%A7%D9%85%D8%AA%D8%AD%D8%A7%D9%86%D8%A7%D8%AA?&max-results=5'>نماذج الامتحانات</a></li> </ul> <ul class='ddsubmenustyle' id='ddsubmenu7'> <li><a href='http://physical-city.blogspot.com/search/label/%D9%81%D9%8A%D8%B2%D9%8A%D8%A7%D8%A1%20%D8%A7%D9%84%D8%AB%D8%A7%D9%86%D9%8A%20%D8%B9%D8%B4%D8%B1%20%D8%A7%D9%84%D9%88%D8%AD%D8%AF%D8%A9%20%D8%A7%D9%84%D8%A3%D9%88%D9%84%D9%89?&max-results=5'>الوحدة الأولى</a></li> <li><a href='http://physical-city.blogspot.com/search/label/%D9%81%D9%8A%D8%B2%D9%8A%D8%A7%D8%A1%20%D8%A7%D9%84%D8%AB%D8%A7%D9%86%D9%8A%20%D8%B9%D8%B4%D8%B1%20%D8%A7%D9%84%D9%88%D8%AD%D8%AF%D8%A9%20%D8%A7%D9%84%D8%AB%D8%A7%D9%86%D9%8A%D8%A9?&max-results=5'>الوحدة الثانية</a> </li> <li><a href='http://physical-city.blogspot.com/search/label/%D9%81%D9%8A%D8%B2%D9%8A%D8%A7%D8%A1%20%D8%A7%D9%84%D8%AB%D8%A7%D9%86%D9%8A%20%D8%B9%D8%B4%D8%B1%20%D8%A7%D9%84%D9%88%D8%AD%D8%AF%D8%A9%20%D8%A7%D9%84%D8%AB%D8%A7%D9%84%D8%AB%D8%A9?&max-results=5'>الوحدة الثالثة</a></li> <li><a href='http://physical-city.blogspot.com/search/label/%D9%81%D9%8A%D8%B2%D9%8A%D8%A7%D8%A1%20%D8%A7%D9%84%D8%AB%D8%A7%D9%86%D9%8A%20%D8%B9%D8%B4%D8%B1%20%D8%A7%D9%84%D9%88%D8%AD%D8%AF%D8%A9%20%D8%A7%D9%84%D8%B1%D8%A7%D8%A8%D8%B9%D8%A9?&max-results=5'>الوحدة الرابعة</a></li> <li><a href='#'>الوحدة الخامسة</a> </li> <li><a href='#'>شامل للوحدات</a></li> <li><a href='http://physical-city.blogspot.com/search/label/%D9%81%D9%8A%D8%B2%D9%8A%D8%A7%D8%A1%20%D8%A7%D9%84%D8%AB%D8%A7%D9%86%D9%8A%20%D8%B9%D8%B4%D8%B1%20%D8%A7%D9%85%D8%AA%D8%AD%D8%A7%D9%86%D8%A7%D8%AA?&max-results=5'>نماذج الامتحانات</a></li> </ul> http://physical-city.blogspot.com/ -------------------------------------------------------- سؤال اخر .. هل يمكن ابراز القوائئم بشكل مختلف أو ألوان مختلفة ... حيث القوائم التي تظهر فيزياء السابع فيزياء الثامن الخ ...... , لا تظهر بشكل مباشر وجلي اريد ابرازها بشكل مغاير او الوان مغايرة ... كيف ذلك ؟ و شكراً لكم ...
__________________
|
11-22-2012, 02:09 PM | #2 |
مدون مميز
تاريخ التسجيل: Oct 2012
الدولة: tétouan
المشاركات: 359
الإجابات الموجودة: 16
|
رد: شكلة عمل قوائم منسدلة ..
__________________
|
11-22-2012, 09:35 PM | #3 |
مدون جديد
تاريخ التسجيل: Oct 2012
المشاركات: 34
|
رد: شكلة عمل قوائم منسدلة ..
أين الجواب لو سمحت .. تحياتي لك ...
__________________
|
11-22-2012, 10:25 PM | #4 |
مدون مميز
تاريخ التسجيل: Oct 2012
الدولة: tétouan
المشاركات: 359
الإجابات الموجودة: 16
|
رد: شكلة عمل قوائم منسدلة ..
__________________
|
11-23-2012, 08:35 AM | #5 |
مدون جديد
تاريخ التسجيل: Oct 2012
المشاركات: 34
|
رد: شكلة عمل قوائم منسدلة ..
أقصد أنه كان هناك سهم صغير ينسدل منه عدة أقسام .. على سبيل المثال كان ينسدل من فيزياء السابع الوحدة الثالثة و الوحدة السابعة و كان ينسدل أيضاً من فيزياء الثامن و التاسع و العاشر و الحادي عشر و الثاني عشر أقسام أخرى .. لكن لا أدري ماذا حدث حتى توقف عن العمل !! أي لم ينسدل شئ من الأقسام هل ممكن أحد يساعدني في استعادة الكود ؟ او اعطائي كود اخر يحمل نفس المعنى يكون بشكل أجمل ؟! و شكراً لكم
__________________
|
11-24-2012, 03:40 PM | #6 |
مدون جديد
تاريخ التسجيل: Oct 2012
المشاركات: 34
|
رد: شكلة عمل قوائم منسدلة ..
معقول ما مقهوم ماذا أريد ؟ انتظركم توضيح اخر ... بلاش من الكود الموجود بالأعلى لو في كود تاني جاهز أفيدوني به .. ما أريده كما موجود بالصورة التالية ... اللون الأسود أقسام رئيسية ,, الأزرق أقسام تنبثق من الأقسام الرئيسية ... أي كود يفي بالغرض ( بلاش الكود اللي وضعته ) يبدو حذفت منه أشياء بالغلط فتعطل .... و بانتظاركم .. تحياتي ...
__________________
|
11-25-2012, 09:23 AM | #7 |
مدون جديد
تاريخ التسجيل: Oct 2012
المشاركات: 34
|
رد: شكلة عمل قوائم منسدلة ..
__________________
|
11-25-2012, 11:21 AM | #8 |
مدير عام
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
الإجابات الموجودة: 200
|
رد: شكلة عمل قوائم منسدلة ..
__________________
|
11-25-2012, 12:28 PM | #9 | |
مدون جديد
تاريخ التسجيل: Oct 2012
المشاركات: 34
|
رد: شكلة عمل قوائم منسدلة ..
اقتباس:
لكن هل في كود آخر يفي بالغرض ؟ و تحياتي لك ...
__________________
|
|
11-25-2012, 01:35 PM | #10 |
مدون جديد
تاريخ التسجيل: Oct 2012
المشاركات: 34
|
رد: شكلة عمل قوائم منسدلة ..
من خلال بحثي وجدت هذا الموضوع http://widget-blogs.blogspot.com/201...-menu-for.html و قد طبقتها في مدونتي .. و لكن المشكلة لم ينسدل شئ !! مع العلم أن صاحب الموضوع عمل معاينة للاضافة و تعمل .. أريد حلاً بارك الله فيكم ..
__________________
|
مواقع النشر (المفضلة) |
الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
|
|
المواضيع المتشابهه | ||||
الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
طلب التعديل على كود أقسام منسدلة ... | عاشق بلادي | طلبات الدعم الفني | 13 | 12-12-2012 01:20 PM |
قائمة منسدلة لصفحات المدونة | أم امنة | طلبات الدعم الفني | 0 | 09-14-2012 02:34 PM |
مشكلة مع قوائم هذا القالب | مدونتي | طلبات الدعم الفني | 1 | 09-10-2012 04:52 PM |
هل يقبل هذا القالب قوائم منسدلة؟ | مدونتي | طلبات الدعم الفني | 2 | 09-07-2012 11:14 AM |
هل يمكن إضافة قوائم منسدلة في هذا القالب؟ | مدونتي | طلبات الدعم الفني | 0 | 09-07-2012 06:29 AM |
الساعة الآن 04:22 PM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو
تعاوني بين الأعضاء فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر) |