صفحة 2 من 2 الأولىالأولى 12
النتائج 16 إلى 24 من 24

الموضوع: [سؤال]كيف اعمل قوائم منسدلة مثل هذه(مختلفة)

  1. #16
    عضو نشيط جدا
    تاريخ التسجيل
    Apr 2001
    المشاركات
    402


    وجدت الكود الذي تبحث عنه.. تجده في المرفق..

    أما عن الكود الذي وضعته بالغلط.. إذا فتحت الملف imenus_data بأي برناج تحرير ستجد فيه التالي:

    كود:
    document.write('\
    <div style="position:relative;"><div style="display:none;"><ul id="imenus0" style="width:520px">\
    <li  style="width:140px;"><a href="#">رابط أساسي</a>\
    \
    	<div><ul style="width:140px;top:0px;left:0px;"><div>\
    	<li ><a href="#">روابط فرعية</a>\
    \
    		<div><ul style="width:140px;top:-18px;left:127px;"><div>\
    		<li ><a href="sample_link.html">فرعي فرعي</a></li>\
    		<li ><a href="sample_link.html">فرعي فرعي</a></li>\
    		<li ><a href="sample_link.html">فرعي فرعي</a></li>\
    		<li ><a href="sample_link.html">فرعي فرعي</a></li>\
    		<li ><a href="sample_link.html">فرعي فرعي</a></li>\
    		<li ><a href="sample_link.html">فرعي فرعي</a></li>\
    		</div></ul></div></li>\
    \
    	<li ><a href="#">روابط فرعية</a>\
    \
    		<div><ul style="width:140px;top:-18px;left:128px;"><div>\
    		<li ><a href="sample_link.html">فرعي فرعي</a></li>\
    		<li ><a href="sample_link.html">فرعي فرعي</a></li>\
    		<li ><a href="sample_link.html">فرعي فرعي</a></li>\
    		<li ><a href="sample_link.html">فرعي فرعي</a></li>\
    		<li ><a href="sample_link.html">فرعي فرعي</a></li>\
    		<li ><a href="sample_link.html">فرعي فرعي</a></li>\
    		<li ><a href="sample_link.html">فرعي فرعي</a></li>\
    		</div></ul></div></li>\
    \
    	<li ><a href="#">روابط فرعية</a>\
    \
    		<div><ul style="width:140px;top:-18px;left:128px;"><div>\
    		<li ><a href="sample_link.html">فرعي فرعي</a></li>\
    		<li ><a href="sample_link.html">فرعي فرعي</a></li>\
    		<li ><a href="sample_link.html">فرعي فرعي</a></li>\
    		<li ><a href="sample_link.html">فرعي فرعي</a></li>\
    		<li ><a href="sample_link.html">فرعي فرعي</a></li>\
    		<li ><a href="sample_link.html">فرعي فرعي</a></li>\
    		</div></ul></div></li>\
    \
    	<li ><a href="#">رابط أساسي</a></li>\
    	</div></ul></div></li>\
    \
    <li  style="width:140px;"><a href="#">رابط أساسي</a>\
    \
    	<div><ul style="width:140px;top:;left:;"><div>\
    	<li ><a href="sample_link.html">روابط فرعية</a></li>\
    	<li ><a href="sample_link.html">روابط فرعية</a></li>\
    	<li ><a href="sample_link.html">روابط فرعية</a></li>\
    	<li ><a href="sample_link.html">روابط فرعية</a></li>\
    	<li ><a href="sample_link.html">روابط فرعية</a></li>\
    	</div></ul></div></li>\
    \
    <li  style="width:125px;"><a href="#">رابط أساسي</a>\
    \
    	<div><ul style="width:125px;top:;left:;"><div>\
    	<li ><a href="sample_link.html">روابط فرعية</a></li>\
    	<li ><a href="sample_link.html">روابط فرعية</a></li>\
    	<li ><a href="sample_link.html">روابط فرعية</a></li>\
    	<li ><a href="sample_link.html">روابط فرعية</a></li>\
    	<li ><a href="sample_link.html">روابط فرعية</a></li>\
    	<li ><a href="sample_link.html">روابط فرعية</a></li>\
    	<li ><a href="sample_link.html">روابط فرعية</a></li>\
    	</div></ul></div></li>\
    \
    <li  style="width:125px;"><a href="#">رابط أساسي</a>\
    \
    	<div><ul style="width:126px;top:;left:;"><div>\
    	<li ><a href="sample_link.html">روابط فرعية</a></li>\
    	<li ><a href="sample_link.html">روابط فرعية</a></li>\
    	</div></ul></div></li>\
    \
    <div style="clear:left;"></div></ul></div></div>\
    ');
    
    
    
    
    
    
    
    /*
    
              Tips & Tricks
    
                 1: Adjust the "function menudata0()" numeric id in the statement below to match the numeric id of
                    the id='imenus0' statement within the menu structure and links secion above.  The numbers must 
                    match for the menu to work, multiple menus may be used on a single page by adding new sections 
                    with new id's.
    
                 2: To specifically define settings for an individual item or container, apply classes or inline styles
                    directly to the UL and A tags in the HTML tags which define your menus structure and links above.
    
                 3: Use the parameter options below to define borders and padding.  Borders and padding specified
                    within the menus HTML structure may cause positioning and actual sizing to be offset a bit in
                    some browsers.
     
    */
    
    
    
    
    /*-------------------------------------------------
    ************* Parameter Settings ******************
    ---------------------------------------------------*/
    
    
    function imenus_data0(){
    
    
    	this.enable_visual_design_mode = true			//turns the visual design pad option on or off
    
    	this.main_is_horizontal = true
    	this.menu_showhide_delay = 150
    
    
       /*---------------------------------------------
       Expand Icon Images
       ---------------------------------------------*/
    
    	this.main_expand_image = "arrow_main.gif"
    	this.main_expand_image_hover = "arrow_main.gif"
    	this.main_expand_image_width = "7"
    	this.main_expand_image_height = "5"
    	this.main_expand_image_offx = "-1"
    	this.main_expand_image_offy = "5"
    
    	this.sub_expand_image = "arrow_sub.gif"
    	this.sub_expand_image_hover = "arrow_sub.gif"
    	this.sub_expand_image_width = "10"
    	this.sub_expand_image_height = "13"
    	this.sub_expand_image_offx = "0"
    	this.sub_expand_image_offy = "0"
    
    
    
       /*---------------------------------------------
       Global Menu Styles
       ---------------------------------------------*/
    
    	//Main Menu
    
    	this.main_container_styles = "background-color:#06437d; border-style:solid; border-color:#769bba; border-width:1px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; "
    	this.main_item_styles = "color:#e6e6e6; text-align:center; font-family:Arial; font-size:12px; font-weight:bold; text-decoration:none; padding-top:4px; padding-right:5px; padding-bottom:4px; padding-left:12px; border-style:none; border-color:#000000; border-width:0px; "
    	this.main_item_hover_styles = "background-color:#cce3f8; color:#111111; "
    	this.main_item_active_styles = "text-decoration:underline; "
    
    
    	//Sub Menu
    
    	this.subs_container_styles = "background-color:#cce3f8; border-style:solid; border-color:#356595; border-width:1px; padding-top:5px; padding-right:5px; padding-bottom:5px; padding-left:5px; "
    	this.subs_item_styles = "color:#111111; text-align:left; font-size:11px; font-weight:normal; text-decoration:none; padding-top:2px; padding-right:5px; padding-bottom:2px; padding-left:5px; border-style:none; border-width:1px; "
    	this.subs_item_hover_styles = "background-color:#ffffff; "
    	this.subs_item_active_styles = "text-decoration:underline; "
    
    
    }
    وكل ما يتوجب عليك فعله هو تغيير الكلمات العربية ووضع الروابط لها.

    أما عن الملف المرفق فأرجو أن تعذرني لم أطلع على ملفاته جيداً.. لكني أتوقع أن تكون التعديلات في ملف الهتمل نفسه .

    تقديري،،





    الملفات المرفقة الملفات المرفقة
    __________________
    ~ سبحانك اللهم بحمدك لا إله إلا أنت وحدك لا شريك لك. لك الملك ولك الحمد، أستغفرك وأتوب إليك ~

  2. #17
    عضو نشيط
    تاريخ التسجيل
    Jan 2005
    المشاركات
    285


    هو هذا المطلوب 100% :nice:
    بس اذا ممكن انت ولا اي احد يوضح طريقة التعديل

    لأنها معقدة شوي (على الأقل بالنسبة لي)

    جزاك الله خير تعبناك معانا

    بس باقي طريقة التعديل





    __________________
    "من علمني حرفا صرت له عبدا"
    |+|PHP|+|loowy|+|PHP|+|
    "عامل الناس بما تحب أن يعاملوك به"
    لـــــــــــــــــــــــــــــؤي

  3. #18
    عضو فعال
    تاريخ التسجيل
    Oct 2003
    المشاركات
    1,200


    شباب

    جربوا هالبرنامج وادعوا لي

    اعتقد تعرفونه

    Sothink Dhtml Menu5.2

    مع الكراك

    http://www.bahrain4you.net/image/sdmenu5.22.zip


    هذا يصدر لك قوائم جافا dhtml بشكل رائع جدا وبتحكم قوي للي يتدرب عليه

    بالعرض وبالطول وفيه قوالب جاهزه وفيه خيارات كثيره جدا

    لو ماني مشغول بمشاكل سيرفري الايام هذي كان سويت لك القائمة اللي تبيها

    اذا مايفرق معك الوقت اضبطها لك

    مع العلم ان منتدى سوالف فيه شروحات ولو مبسطه لهذا البرنامج وتقدر تبحث عنها


    تقبل تحياتي






  4. #19
    عضو نشيط
    تاريخ التسجيل
    Jan 2005
    المشاركات
    285


    جزاك الله خير اخ جبران

    جعله الله في ميزان حسناتك



    بانتظار طريقة التعديل للأكواد السابقة :con2:





    __________________
    "من علمني حرفا صرت له عبدا"
    |+|PHP|+|loowy|+|PHP|+|
    "عامل الناس بما تحب أن يعاملوك به"
    لـــــــــــــــــــــــــــــؤي

  5. #20
    عضو نشيط
    تاريخ التسجيل
    Jan 2005
    المشاركات
    285


    ghadee.net

    في أساسي
    وفي فرعي
    وفي ثانوي

    انت موضح بس أساسي وفرعي





    __________________
    "من علمني حرفا صرت له عبدا"
    |+|PHP|+|loowy|+|PHP|+|
    "عامل الناس بما تحب أن يعاملوك به"
    لـــــــــــــــــــــــــــــؤي

  6. #21
    عضو نشيط جدا
    تاريخ التسجيل
    Apr 2001
    المشاركات
    402


    3bdullah

    الموجود في القائمة:

    رابط أساسي
    راوابط فرعية
    فرعي فرعي = كنت أقصد أنها ثانوية أو روابط متفرعة من الروابط الفرعية

    !!

    أعطيني كل ما يتعلق بالروابط وأزبطها لك ان شاء الله.. بس حدد أنت على أي ملف تبيها الأول ولا الثاني !!

    ولو تبي الاثنين جاهزين ان شاء الله،،،





    __________________
    ~ سبحانك اللهم بحمدك لا إله إلا أنت وحدك لا شريك لك. لك الملك ولك الحمد، أستغفرك وأتوب إليك ~

  7. #22
    عضو نشيط
    تاريخ التسجيل
    Jan 2005
    المشاركات
    285


    ما البغى اثقل عليك اكثر من كذا

    ابغاك تعطيني مثال واحد لمل ملف تذكر لي فيه الموضع مع شوية ملاحظات على نفس الملف

    "علمني الصيد ولا تعطيني سمكة"

    اخ جبران تم التحميل وجاري التجريب

    جزاكم الله خير جميعا





    __________________
    "من علمني حرفا صرت له عبدا"
    |+|PHP|+|loowy|+|PHP|+|
    "عامل الناس بما تحب أن يعاملوك به"
    لـــــــــــــــــــــــــــــؤي

  8. #23
    عضو نشيط جدا
    تاريخ التسجيل
    Apr 2001
    المشاركات
    402


    3bdullah

    أنا مثلك ما أعرف في الجافا ولا حاجة.. ولا عندب أب خبرة فيها.. معرفتي كلها متعلقة الفوتوشوب والهتمل .. والـ css بس !

    لكن.. لنبدأ معاً..

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

    لذا فإن مجرد النظر في محتوى هذا الملف.. سيجعلك تعرف فوراً اين يمكنك وضع ما تريد من الروابط.. ومن نفس الملف .. ستجد Expand Icon Images وهي المختصة كما سترى بصور الأسهم الموجودة في القائمة..
    ستجد أيضاً Global Menu Styles وهي مختصة بطريرقة وشكل ظهور القائمة !!


    أما إن تسألني عن الأوامر الموجودة فيها.. وووو الخ.. فأنني أتمنى أن تجد من يشرحها لنا ويعلمنا هي.. مثلك !!


    أما عن المجلد الثاني - وهو طلبك - فـ أظنه أسهل من المجلد الأول.. حيث تتم التغيرات فيه من خلال ملف الـ html !!

    وفقك الله ،،،





    __________________
    ~ سبحانك اللهم بحمدك لا إله إلا أنت وحدك لا شريك لك. لك الملك ولك الحمد، أستغفرك وأتوب إليك ~

  9. #24
    عضو نشيط
    تاريخ التسجيل
    Jan 2005
    المشاركات
    285


    شباب ما قصرتوا كلكم

    Sothink DHTMLMenu

    انظر آخر رد لجبران

    برنامج ما عليه كلام

    يغني عن التعديل في اكواد الجافا

    انصحك به يا ghadee.net :1power:

    جزاك الله يا جبران

    جزاك الله خير اخ ghadee.net

    تعبناكم معنا كثير

    بس مافي ضرر اني اتعلم كيف برمجيا (أفصل لي أكيد)





    __________________
    "من علمني حرفا صرت له عبدا"
    |+|PHP|+|loowy|+|PHP|+|
    "عامل الناس بما تحب أن يعاملوك به"
    لـــــــــــــــــــــــــــــؤي





ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  

أضف موقعك هنا|شقق للايجار في الكويت | بيوت للبيع في الكويت | شركة كشف تسربات المياه | شركة عزل اسطح بالرياض | عزل فوم بالرياض| عزل اسطح بالرياض | كشف تسربات المياة بالرياض | شركة عزل اسطح بالرياض