Mohamed Salah65

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

السلام عليكم
من أين أتعلم إنشاء هذه الأدوات التي في الصورة التالية
وكيفية دمج مثل هذه الأدوات مع التخطيط للتحكم بها كاملاً من التخطيط ؟
https://suar.me/9ZA1
ملحوظة : لا اريد روابط لأدوات جاهزة مثل التي منتشرة على الانترنت بل أريد دليل لتعلم صناعتها من الصفر وشكرا لكم
( من كتم علماً الجمه الله لجاماً من نار )

السلام عليكم اخواني .. رجاء من الخبراء ما هي أفضل احجام التجاوب على الحاسوب وليس الهواتف فأحجام الهواتف معروفة ...

لأني دائما في تصميماتي اعتمد على مساحة 1024 بكسل كـ أكبر حجم وأنا الان أصمم قالب لعميل طلبه يحتاج إلى مساحة أكبر فاعتمدت أن تكون أكبر مساحة هي 1280 بكسل فبرجاء أريد معرفة التدرج التجاوبي بين هاتين المساحتين ؟؟

مثال لكي تفهمون ما أريد .. المساحة في الهواتف بين 768 و 568 بكسل هي 640بكسل فأريد معرفة حجم التدرج ما بين 1280،1024 وشكرا لكم مقدما
وبرجاء الاهتمام للضرورة  ( من كتم علماً الجمه الله لجاماً من نار )

بتاريخ On ٢٣‏/٣‏/٢٠١٧ at 22:22 قال Hussam Barbour:

وعليكم السلام ورحمة الله وبركاته أولا يجب إضافة id للقسم الذي تريد تثبيته مثال

<div id="menu"></div>

وتقوم بكتابة كود الجافا سكريبت بعد إضافة مكتبة jquery 

$(document).ready(function () {
    // Show or hide the sticky footer button
    $(window).scroll(function () {
        if ($(this).scrollTop() > 200) {
            $('#menu').css('position': 'fixed');
        } else {
            $('#menu').css('position': 'static');
        }
    });
});

هذا الكود سيقوم بتثبت القائمة بعد النزول ب200 درجة في السكرول يمكنك تعديل الرقم كما تريد

 

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

أشكرك على مجهودك أخي الكريم ولكن هذا الكود تم تجربته ولن يعمل   والحمد لله تم الوصول لشروحات لها في مدونات أجنبية مما جعلني أكتشفت أن جميع الاضافات على الانترنت توجد بها مشاكل حتى بعد ضبطها بالـcss وتم صرف النظر عنها مؤقتاً وشكراً جزيلاً لك على مجهودك  

بتاريخ On ٢٥‏/٣‏/٢٠١٧ at 00:16 قال عبدالله المنقوشي:

اخي #Mohamed Salah العزيز 

لاتنسى وضع كود الاخ Hussam Barbour في كود السكربت

 <script>

 </script>

بينما يمكنك تغيير #menu الى الكلاس او الاي دي المراد استهدافه

        if ($(this).scrollTop() > 200) {
            $('#menu').css('position': 'fixed');
        } else {
            $('#menu').css('position': 'static');

 

أشكرك على الملاحظة أخي الكريم

السلام عليكم اخواني .. اين اتعلم التوازي بين الموضوعات والقائمة الجانبية عند النزول للنهاية أو الصعود للنهاية كما في القالب التالي

http://materialbook-template.blogspot.com.eg/

فسوف تلاحظون عن النزول إلى الاسفل تتوقف الأداة الأقصر  وتستمر الأداة الاطول حتى تنتهى بالتساوي بين الاداتين  وعند الصعود يحدث نفس الشيء
فما هي الطريقة أو كان كود جافا أو بالماتريال فأين أصل إلى تعلم هذه النقطة بالتحديد ؟؟ وشكراً لكم
أفيدونا بارك الله لكم

( من كتم علماً اللجمه الله بلجام من نار يوم القيامة )

1280

1024

990

768

640

568

480

320

240

هذه هي المقاسات التي استخدمها في أعمالي وتضبط تلقائياً على جميع الأحجام الأخرى  
ويمكنك تشاهد هذا القالب مطبق عليه المقاسات المذكورة أعلاه وايضا الموقع يعتبر دليل لأحجام الهواتف

http://www.responsinator.com/?url=http%3A%2F%2Fgoland1-template.blogspot.com.eg%2F

نعم رائعة لكن
استخدم نسخة cc افضل لحداثتها وامكانياتها الاعلى