لايك

متابعة المدونة



تابعني




بسسسم آلله آلرحمن آلرحيم

\

صبآإحكم / مسسآإئكم ~ ورد وسسكر

[ سبحآن آلله وبحمده ’ سبحآن آلله آلعظيم ]

أول شي بقول ( ملاحظه مهمه جداً جداً جداً ) [ ما أحلل ولأ أبيح أي احد ياخذ شي من مدونتي وينسبها لنفسه او لشخص آخر ,
يعني آللي بينقل شي منه بس أبيه يكتب تحت الموضوع :
منقول من مدونة أنثى يعشقها الإبداع
حتى المنتديات اللي أحط بها تدويناتي ما أبيح ان يتم نقلها بدون ذكر المصدر ]



بالنسبه للي مآوده يعلق او ماله خلق يكتب كومنت ..
يعمل لي لايك ع الفيس بوك ( يكفيني )












هذا موضوع خاص لـ زوار مدونتي فقط تفضلو هنا











~






اللي حاب إنه يحفظ اي درس أو اي صفحة موجودة بالمدونة للكمبيوتر
بكل سهولة يدخل الموضوع المراد حفظه ويضغط هنا على (Save page as PDF)



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














بسم الله الرحمن الرحيم 

،


صار لي كم يوم وانا منزله موضوع واللي هو
طبعا انا شرحت بالتفصيل الممل لإضافه الصفحات الثابته  فقط ,,


 مع إني ارفقت لكم طريقه الاقسام المندسلة بـ مفكرة ..

للتحميل " أضغط هنا "



بس فيه من حمل المفكرة مافهم منها شي واستصعب الإضافه

هذا هو الكود كامل جبته لكم :



رمز HTML :
تعالى معى الان لتنتعرف على طريقة الاضافة فى خطوتين فقط الخطوة الاولى:
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ثم
" تحرير html
ثم ضع علامة في خانة توسيع قوالب عناصر 
واجهة المستخدم. ,ولا تنسى ان تاخذ نسخة احتياطية من القالب تجنبا لحدوث اى اخطاء لقدر الله قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (ctrl+f) </head> ثم نضيف قبلها مباشرة الكود التالي : <!--jquery-DD-Menu-Starts--><style type='text/css'>/* menu styles */#jsddm{ margin: 0;padding: 0}#jsddm li{ float: left;list-style: none;font: 12px Tahoma, Arial}#jsddm li a{ display: block;background: #324143; /*DARK-GREEN*/padding: 5px 12px;text-decoration: none;border-right: 1px solid white;width: 70px;color: #EAFFED;white-space: nowrap}#jsddm li a:hover{ background: #24313C}#jsddm li ul{ margin: 0;padding: 0;position: absolute;visibility: hidden;border-top: 1px solid white}#jsddm li ul li{ float: none;display: inline}#jsddm li ul li a{ width: auto;background: #A9C251; /*LIGHT-GREEN*/color: #24313C}#jsddm li ul li a:hover{ background: #8EA344}</style><!-- script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script --><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/><script type='text/javascript'>var timeout = 500;var closetimer = 0;var ddmenuitem = 0;function jsddm_open(){ jsddm_canceltimer();jsddm_close();ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');}function jsddm_close(){ if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}function jsddm_timer(){ closetimer = window.setTimeout(jsddm_close, timeout);}function jsddm_canceltimer(){ if(closetimer){ window.clearTimeout(closetimer);closetimer = null;}}$(document).ready(function(){ $('#jsddm &gt; li').bind('mouseover', jsddm_open);$('#jsddm &gt; li').bind('mouseout', jsddm_timer);});document.onclick = jsddm_close;</script><!--jquery-DD-Menu-Stops-http://bdlab.blogspot.com--> قم بالبحث مره اخرى عن الكود التالي بالإستعانة بلوحة التحكم (ctrl+f) #jsddm li ul{ ضع بعده مباشرة الكود التالى: z-index: 30; اخيرا قوم بحفظ القالب الخطوة الثانية :
نذهب الى " تصميم "ثم" عناصر الصفحة" ثم" نضيف اداةHTML/JavaScript" ونضيف هذا الكود <div dir="rtl" style="text-align: right;" trbidi="on"> <div dir="rtl" style="text-align: right;" trbidi="on"> <ul id="jsddm"> <li><a href="http://dl3soso.blogspot.com/">آلصَفحَهٌ الرئَيسَيهٌ</a></li> <li><a href="http://www.quranflash.com/quranflash.html/">آلقرآنَ بينَ أيَدينَآ</a></li> <li><a href="http://dl3soso.blogspot.com/">أقسَآمٍِ آلمدوٍنَـهٌ</a><ul> <li><a href="http://dl3soso.blogspot.com/search/label/%D9%85%D9%82%D8%AA%D8%B7%D9%81%D8%A2%D8%AA%20%5B%20%D8%A5%D9%8A%D9%85%D8%A2%D9%86%D9%8A%20%D8%A8%D8%B1%D8%A8%D9%8A%20%5D"> مقتطفآت [ إيمآني بربي ]</a></li> <li><a href="http://dl3soso.blogspot.com/search/label/%E2%80%99%20%D8%B1%D8%B3%D8%B3%D8%B3%D9%88%D9%84%20%D8%A2%D9%84%D9%84%D9%87%20%28%D8%B9%D9%84%D9%8A%D9%87%20%D8%A7%D9%84%D8%B5%D9%84%D8%A7%D9%87%20%D9%88%D8%A7%D9%84%D8%B3%D9%84%D8%A7%D9%85%29%20%7D%20-">’ رسسسول آلله (عليه الصلاه والسلام) } -</a></li> <li><a href="http://dl3soso.blogspot.com/search/label/%D8%AF%D9%86%D9%8A%D9%80%D8%A2%D8%A5%20%D8%A2%D9%84%D9%81%D9%88%D8%AA%D9%88%D8%B4%D9%88%D8%A8%20%D9%88%D8%AF%D8%B1%D9%88%D8%B3%D9%80%D9%87%20~">دنيـآإ آلفوتوشوب ودروسـه ~</a></li> <li><a href="http://dl3soso.blogspot.com/search/label/%D8%AF%D8%B1%D9%88%D8%B3%E2%80%99%20%D9%84%D9%84%D9%85%D8%AF%D9%88%D9%86%D8%A9%20%28%20%D8%A8%D9%84%D9%88%D8%AC%D8%B1%29">دروس’ للمدونة ( بلوجر)</a></li> <li><a href="http://dl3soso.blogspot.com/search/label/%D8%A2%D9%8A%D9%81%D9%88%D9%88%D9%88%D9%86%20%D9%80%D9%8A%20%7C%7C">آيفووون ـي ||</a></li> <li><a href="http://dl3soso.blogspot.com/search/label/%D9%85%D8%B0%D9%83%D8%B1%D8%A2%D8%AA%D9%8A%20%D8%A7%D9%84%D8%AE%D8%A7%D8%B5%D8%A9">مذكرآإتـي وعـآلمي آلخـآإص&nbsp;</a></li> <li><a href="http://dl3soso.blogspot.com/search/label/%D9%8A%D9%88%D9%85%D9%8A%D8%A2%D8%AA%20%D8%B9%D8%B1%D9%88%D8%B3%20%D9%92">يوميآت عروسْ</a></li> <li><a href="http://dl3soso.blogspot.com/search/label/%D8%AA%D8%B5%D8%A7%D9%85%D9%8A%D9%85%D9%8A">تصآإمـيمي</a></li> <li><a href="http://dl3soso.blogspot.com/search/label/minipost">تلخيصـآإت من ذآكرتـي</a></li> <li><a href="http://dl3soso.blogspot.com/search/label/%D9%85%D9%86%D9%88%D8%B9%D9%80%D8%A2%D8%A5%D8%AA%20%E2%80%99">منوعـإآت</a></li> </ul> </li> <li><a href="http://dl3soso.blogspot.com/">سيَرٍتَي آلخآصَهٌ</a><ul> <li><a href="http://dl3soso.blogspot.com/p/blog-page_09.html">سيَرٍتَي آلشخَصيَه والإجتَمآعَيهَ</a></li> <li><a href="http://dl3soso.blogspot.com/p/blog-page_1269.html">شرٍيَط مفَضلتَيٍ</a></li> </ul> </li> <li><a href="http://dl3soso.blogspot.com/">للتَوآصَِل والتبَآدلٌ</a><ul> <li><a href="http://dl3soso.blogspot.com/p/blog-page.html">للتَوٍاصلَ أونَ لآيَن</a></li> <li><a href="http://dl3soso.blogspot.com/p/blog-page_14.html">للتَبٍٍآدل الإعَـلآنَي</a></li> </ul> </li> <li><a href="http://pixlr.com/editor">آلفوٍتوٍشوٍبَ أوٍن لآيَن</a></li> <li><a href="http://dl3soso.blogspot.com/p/blog-page_19.html">سجَل آلزوٍآرٍ</a></li> <li><a href="http://dl3soso.blogspot.com/p/blog-page_21.html">آلفَهرَسَ</a></li> </ul> </div> </div>

غيرو اللي باللون الأحمر بإسم الرابط
واللون الفوشي بالرابط
//


عاد الحين راح أسرد لكم الشرح لعمل القائمة المنسدلة كمان بالتفصيل الممل
وخليني أشوف واحد يقولي مو فاهم بـ صكه ع جبهته خخخخخخخخخخخ
لآ أمززح بالعكس أحب اللي يسأل ويستفسر لو ماعرف شي ..






ع العموم





 للمساعده في اختيار الألوان
غير كود اللون من هالموقع
" Color Codes "







وهذا الشرح ان شاء الله مايكون ناقص ^^







الجزء الأول



















~








الجزء الثاني

















ملاحظتين مهمة  :

 في شرح " الجزء الأول " غيروه من  float: left
الى  float: right




وأبحثو عن هالجمله :

 li ul li{ float: none;display: inline

وغيروها بهالجملة :

li ul li{ float: none;display: block 























 للأمانه ساعدني في هالإضافه الأخ محمد " الله يجزاه خير ويعطيه العافيه "
~



هناك 53 تعليقًا :

  1. تسلمين يارب
    والله مجهود يكفي ويوفي
    ربي يوفقك وييسر امورك ولا يحرمك من شي تحبينه
    أختك..
    أماني..~ متابعه لك حبيبتي

    ردحذف
  2. يعطيك الف عافيه
    وشكرا على الشرح

    ردحذف
  3. أماني ~
    منوره حبيبتي المدونة كلها ^^
    اللهم امين ويسعدك دنيا واخرة ..
    حيآكِ ربي ..
    لآحرمنا من وجودك وزيارتك .. هذا شرف لي /

    ردحذف
  4. محمد الأنصاري ~
    ويعافيك أخوي ..
    العفو مايحتاج ..
    هلابك واذا عندك اي سؤال انا حاضرة /

    ردحذف
  5. الله يسعدك و يرضى عنك ، و الله كلمة شكر لاتفيك حقك

    كانتالقائمة المنسدله مشكلتي ، و كنت اغير القوالب علشان هالسبب

    بس بدرسك هذا

    فرجتي همي الله يفرج همك و يفتحها بوجهك يارب

    ردحذف
  6. نوف ~
    اللهم امييييييييين .. تسلمين حبيبتي على دعواتك ..
    والله انا كنت مثلك اصعب شغله واجهتني في بداية تدويني هي القائمة المنسدلة والحمد لله انحلت ^^
    ويسعد روحك وقلبك على الزيارة اللي أسعدتني ي خيتي ..
    منورة وربي لايحرمنا من طلتك علينا ,
    حيآكِ الله /

    ردحذف
  7. yousefalnatsheh ~
    العفوو اخوي
    هلا ومسهلا ..

    ردحذف
  8. @كوكتيل
    حياك ربي أخوي
    منووور آلمدونة ض1 س9

    ردحذف
  9. @нίρυяί єℓгιс
    امييييييين ياااارب ويوووفقك ياقلبي س8
    حيآآآآآآآآآآآآكِ ربي
    منوووره كل ابوو المدوونة س9 ض3

    ردحذف
  10. شـاكر للمجهود3 ديسمبر 2011 في 4:56 م

    بارك الله فيك
    الاضافة رائعة
    لكن كيف يمكنني ربطها بالتسميات يعني (أجعلها هي اقسام المدونة) وبارك الله فيك

    ردحذف
  11. @شـاكر للمجهود
    يخليك ربي ض3
    عادي انسخ الرابط وضعة في المكان المناسب اخوي ض1
    مثلاَ : أضغط على ( تصاميمي ) من لعامود اللي باليمين تحت جملة أقسآم مملكتي ..
    وراح يجيك كل المواضيع بهذا القسم انسخ الرابط الاعلى وضعة بالمكان المناسب لمدونتك ..
    اذا مافهمت انا مستعدة اشرحه لك بالفيديو س1 س8
    حياااك ربي س9

    ردحذف
  12. ربنا يكرمك الموضوع فادنى كتير وخصوصا المفكره
    دمتى بخير وسلامه والله يخليلك اهلك وزوجك ويرزقك بالذريه الصالحه ^^

    ردحذف
  13. @حـــــــــــــــــــــــاوى توت
    اللهم اميييييييييييييين
    يخليييييييييك ربي أخووي على هالدعععوة الطيبةةة س7
    ماقصصصصصرت .. حيييييييييآك ربي س9

    ردحذف
  14. جزاكي الله الف خير

    ردحذف
  15. @غير معرف
    وإيآآآآآآآآآآك يااااااااااارب
    حيآك ربي ض1 س9

    ردحذف
  16. شكرا جزيلا

    لكن كيف ننقل الكود وهو عبارة عن صورة

    ردحذف
  17. ابن السور ~
    العفو أخوي
    حياك الباري ..
    بس الظاهر انك ماقرأت الموضوع زين ض9 ف2
    لو طلعت لبدايه الموضوع .. بتلاقي هالكلام :
    مع إني ارفقت لكم طريقه الاقسام المندسلة بـ مفكرة ..
    للتحميل " أضغط هنا "
    والملف موجود .. مو مشكله انا جبته لك هنا .. تفضل :
    http://www.4shared.com/document/b--LOQ8E/___.html?
    منور ض1 س9

    ردحذف
  18. السلام عليكم بليز مساعده انا لمى اسويها تجي القائمة الرئيسيه تحت بعض ولا اقدر اضغط عليها ولا شي
    ض6

    ردحذف
  19. Ghoost ~
    هلالا أخوووي ض1
    طيب انت حط الكود تحت الهيدر على طوووووول
    الظاهر انك حطيتها على جنب عشان كذا صارت فوق بعض
    جرب اللي قلتلك عليه وتعال قولنا وش صار معاك
    حيآك ربي ض1 س9

    ردحذف
  20. انا عملت اللى انتى قلتى عليه فى القائمة المنسدلة و لما حطيت الكود اللى انتى قلتى عليه نحطه فىhtml java بقى كل حاجه زي مدونتك حتى لما ادخل فى حاجة بيدخل على مدونتك

    ردحذف
  21. اعمل ايه؟ يا ريت رد بسرعة
    وجزاكى الله خيرا

    ردحذف
  22. مش بترد ليه

    ردحذف
  23. Blog4Egy ~
    طب زي ما انا وضحت ..
    غير روابط مدونتي بمدونتك على طول وراح يصير معك الكود
    معليش بس انا ماكنت فاضيه أمس ض1
    حياك اخوي
    واي سؤال انا حاضرة ولا يهمك .. س9 ض1

    ردحذف
  24. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
  25. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
  26. و مش مهم الاميل
    هقول على اى مشكلة هنا

    ردحذف
  27. لو سمحت انا عايز رد بسرعة
    وجزاكى الله خيرا

    ردحذف
  28. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
  29. Blog4Egy ~
    هلا أخوي
    الظاهر إنك مبتدئ بالتدوين ض1
    طيب ولا يهمك راح أساعدك
    الحين انا غيرت شغلات بالموضوع ياليت ترجع للموضوع تاني وتشوف اللي كتيبتو
    وانت تابع اللي كتبته بالحرف الواحد وان شاء الله ماراح تلخبط او يصير معك خطأ ..
    واي سؤال انا حاضرة وموجودة أخوي س9

    ردحذف
  30. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
  31. Blog4Egy ~
    ياخووي وش فيك .. الله يهديك بس ض1
    اقولك غير الرابط كــــــــــله
    لان هذا الرابط خاص فيني انا مو فيك
    انت روح واكتب مواضيع في مدونتك وبعدين يصير لك رابط زي كذا ..
    وثم غيره في الروابط مرة ثانيه
    انت يبغالك دروس في :
    1- كتابه التدوينات
    2- طريقة وضع التسميات
    3- كيفيه كتابه صفحات ثابته
    ( روح لقوقل وابحث عنها )
    وسامحني لاني حذفت بعض من ردودك لأن فيها روابط اعلانية وهذا غير مسموح به في المدونة ..
    حياك الله س9

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

    يبقى فى مسافات بين القائمة الرئيسية و الفرعية
    و مسافات بين الفرحية و الفرعية

    ردحذف
  33. كتبت تعليق اكتر من مرة ومش بينزل مش عارف ليه

    ردحذف
  34. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
  35. Blog4Egy ~
    هلا ومسهلا أخوي ض1
    ايه انا عملت تعديل للموضوع واقرأ الكلام اللي بعد ( ملاحظتين مهمة )
    وراح يتصلح معاك على طول ..
    حياك الباري ض1 س9

    ردحذف
  36. Yasser ~
    ياخوي اول شي انا انزل التعليقات واحطها
    بس وقتي ماكان يسمح إني ارد على كل التعليقات
    لأني مشغوله مرا .. ض1
    ع العموم مو مشكله أهو رديت عليك الحين
    وع سالفه القائمة وانها ماتظهر اكثر من 3 لأن فيه شي بمدونتك يعيق حركة الاقسام المنسدلة ..
    طيب عندي حل انت جربة وان شاء الله يصير معاك :
    روح لتصميم > تحرير هتمل > أحفظ نسخة من القالب > صح على المربع > وأبحث عن هالكلمة ( /* Tabs ) واحذف اللي بعدها لين توصل لآخر فقرة من التابس ..

    ..
    وبس خلاص انتهينا .. خبرنا عن النتيججة ض1 س9

    ردحذف
  37. السلام عليكم لو سمحتي انا ماضبطت معي من البدايه ومو اول مرا تصير معي لمن ادور على الكون بيطلع مافيه مثال زي البرابط ياليت تساعديني واكون من الشاكرين
    ...............................

    http://im20.gulfup.com/2012-04-19/1334841650131.jpg

    ردحذف
  38. kkkk ~
    هلا ومسهلآ أخوي
    وعليكم السلام ورحمة الله وبركاتة ض1
    ايه أخوي مشكلتك حلها واضح جداً
    انت قاعد تبحث على كلمه head بشكل خاطئ
    يعني حظ السلاش قبل كلمة head
    وياليت ترجع للموضوع وتتبع الخطووووات زييين ..

    بالتوفيق أخوي وحياك ربي س9

    ردحذف
  39. veke ~
    هلا ومسهلا
    يسلمو ع الوردة ض3 س7
    حيييييآك البااااري س9 س8

    ردحذف
  40. سووسووو عندي سؤال يارب تفهمين عليه
    هسه اني ماعندي مشكله بعمل القائمه المنسدله بس عندي مشكله هي باضافة صفحات للمدونه
    يعني مثلا وين اروح اكتب سيرتي وين اكتب تواصل معي او راسلني وين اكتب التبادل الاعلاني
    الطريقه الوحيده الي نضيف فيها موضوع جديد هو من خلال مشاركه ! مااعرف طريقه ثانيه يعني من يضغطون على سيرتي وين يروح بيهم الرابط ووين المفروض اكتبه اني
    يارب تكونين فهمتي عليه :(

    ردحذف
  41. Senora ~
    هلآ ومسهلآ حبيبتي ض8
    لبى روحك سؤالك واااضح جداً س5 س3
    شوفي هالصورة بتوضح لك الطريقه :
    http://3.bp.blogspot.com/-E1wPlqvo5Jo/T6mPMMveWXI/AAAAAAAAC7U/5udjxrs7x1g/s1600/1.PNG
    اللي تبين تسوين فيها تبادل اعلاني وسيرة شخصية مثل اللي بمدونتي وهو تبويب ( تبادل الاعلاني , الفهرس ) وحتى لو تبين تحطين موقع وتربيطنه بمدونتك مثل ماهو موجود بمدونتي وهو تبويب ( تصفح القران , أستمع للقران , اتصل بي )
    ..
    تروحي من لوحة التحكم الرئيسية > الصفحات > صفحة جديدة ..
    الاختيار الاول للتبادل الاعلاني مثلا ..
    والاختيار الثاني لـ تصفح والاستماع للقران مثلا ..
    ..
    اتمنى يكون شرحي مفهوم وواضح يالغاليةةة
    واذا عندك اي سؤال انا حاضرة
    صدقيني انا يسعدني كثير مساعدتك وهذا ابسط شي أقدر اقدمة لك ض1
    حياكِ الباااري س9 س8

    ردحذف
  42. يا عمري انتي تسلمين يا قلبي تعبتج ويايه كل الشكر دايما شرحج كافي ووافي وافهم عليه بسرعه
    اخدمج بافراحج يارب
    يسعدج ربي ويوفقج يالغاليه

    ردحذف
  43. سوسو السلام عليكم
    رح اتعبج بالاسئله ويايه
    اكيد صرتي كل ما تشوفيني تقولي اوووووووه دوختينا ض2

    سؤالي هالمره انو القائمه الي بمدونتي صارت ماتشتغل بس على الفاير فوكس يعني لو اجيت اكبس على انشر مدونتك عندي تطلع الصفحه الرئيسيه هذا من كروم لكن من الفاير فوكس تطلع الصفحه الي سويتها الخاصه ب انشر مدونتك

    ردحذف
  44. Senora ~
    وعليكم السلام ورحمة الله وبركاته ض1
    هلا ومسهلا حبوبة
    لا والله بالعكس استانس وربي لاشفت ردودك ض8 س8
    اجل المشكله من المتصفح نفسه
    انا كمان مدونتي ماتبيبن زينه بالقائمة المنسدله لمتصفح الاكسبلورر 8 اما 9 فيقدرون يتصفحون مدونتي منه وهكذا ..
    ولين تنحل مشكله المتصفح عندك استعملي الفايرفوكس
    والله يعينك ويوفك حبيبتي ف5
    حيييآكِ البااااااااااري س9 س8

    ردحذف
  45. رووووووووووووووووووعه

    ردحذف
  46. micro-magazine ~
    ياهلاا ومسهلا س9
    وجودكم هو الاروع
    حيياااكم البااري س9 س8

    ردحذف
  47. جزاك الله خير ما تتمنين وزوجك

    ردحذف
  48. جزاك الله خير ما تتمنين وزوجك

    ردحذف
  49. جزاك الله خير ما تتمنين وزوجك

    ردحذف

اذا سمحت :
شاركنا بـ رأيك وردك "اسأل او أشكر " أثبت وجودك .. لاتقرأ وترحل ..!
ولكن تذكر قول الله تعالى : ( مايلفظ من قول إلا لديه رقيب عتيد )
وأنتبه ثم أنتبه : ان تضع تعليق يبث روابط إعلانيه لأنها سسستحذف فووراً ..

عندك سؤال او تبي تعبر عن رأيك من هنا