لوحة المتصدرين

السلام عليكم ورحمة الله و بركاته, لدي footer جاهز من bootstrap و اريد وضعه اسفل الصفحة في الموقع , و عندما حاولت فعل ذلك استطعت أن اضعه اسفل الشاشة وليس اسفل الصفحة , كيف اضعه اسفل الصفحة ؟ هذا هو ال footer : <footer class="text-center text-lg-start text-white" style="background-color: #3e4551;"> <div class="container p-3 pb-0"> <section class="mb-1 text-center"> <!-- Github --> <a class="btn btn-outline-light btn-floating m-1" href="#" role="button"> <i class="fab fa-github"></i></a> <!-- Linkedin --> <a class="btn btn-outline-light btn-floating m-1" href="#" role="button"> <i class="fab fa-linkedin-in"></i></a> <!-- Instagram --> <a class="btn btn-outline-light btn-floating m-1" href="#" role="button"> <i class="fab fa-instagram"></i></a> </section> </div> <!-- Copyright --> <div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2)"> <span>&copy; <span id="footerDate"></span> Copyright:</span> <a class="text-white" href="#">...</a> </div> </footer> و شكرًا لكم

اعتقد ان ذلك لحدث لأنك تضع الخاصية للعنصر container الموجود داخل الـ footer بينما الصحيح ان تضع الخاصية للعنصر container الموجود قبل الـ footer والذي يحتوي مكونات الصفحة الرئيسية. والفكرة من الخاصية السابقة هي ان العنصر الذي يسبق الـ footer سيصبح اطول وبالتالي لن يبقى هنالك فراغ في الصفحة بعد الـ footer

لا أعلم لماذا يعمل معي بالشكل التالي : test - Made with Clipchamp.mp4

لقد عمل الكود لدي، لاحظ : عدله للشكل : <div class="container" style="min-height: 100vh;">

لقد قمت بتجربتهم سابقًا ولكنهم لم يضبطوا , هذه الخاصية اعتقد أنها لا تناسب جميع الصفحات لأنها تحرك ال footer من الأسفل فقط ولا تحركه من الأعلى, أي يكون بالشكل التالي : و هذه الخاصية تثبت ال footer اسفل الشاشة و انا لا أريد تثبيته على الشاشة بل أريده أسفل الصفحة , فما الحل ؟ و شكرًا لك أ.عمر

قم بإعطاء الخاصية نفسها : min-height: 100vh; للعنصر صاحب الكلاس container . ويمكنك تعديل الارتفاع من 100 إلى المقاس الذي يناسبك او يمكنك اضافة الكلاس التالي للـ footer : fixed-bottom

EV-website.rar هذه كامل ملفات المشروع باستثناء مجلد node_modules

البحث على اليوتيوب جيد ، لكن لا تبتعد كثيراً ربما تجل حل المشاكل في التعليقات أسفل الدرس أو الشرح الذي يكون أسفل الدرس .

برأيك انني لم أحاول مراراً و تكراراً انا ابحث في يوتيوب كثير و احيانا لا اجد ما ابحث عنه

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

على ما يبدو أن المشكلة ليست في ال footer هل يمكنك مشاركة كامل ملفات المشروع،

مرحبًا عمر , اشكرك على مساعدتي , لقد قمت بالتجربة ولكن أيضًا لم يتحرك ال footer , فأضفت الخاصية bottom مجددًا ولكن بلا جدوى ! , هذه الخواص : body { min-height: 100vh; } #footer { bottom: 0px; } و هذا ال footer : <footer class="text-center text-lg-start text-white" id="footer" style="background-color: #3e4551;"> <div class="container p-3 pb-0"> <section class="mb-1 text-center"> <!-- Github --> <a class="btn btn-outline-light btn-floating m-1" href="#" role="button"> <i class="fab fa-github"></i></a> <!-- Linkedin --> <a class="btn btn-outline-light btn-floating m-1" href="#" role="button"> <i class="fab fa-linkedin-in"></i></a> <!-- Instagram --> <a class="btn btn-outline-light btn-floating m-1" href="#" role="button"> <i class="fab fa-instagram"></i></a> </section> </div> <!-- Copyright --> <div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2)"> <span>&copy; <span id="footerDate"></span> Copyright:</span> <a class="text-white" href="#">...</a> </div> </footer> فما الحل ؟

قم بإعطاء العنصر body الخاصية التالية : body{min-height 100vh} وهذا كفيل بأن يحل المشكلة.

مرحبًا قيس , بدايتًا اشكرك على مساعدتي , لقد قمت بتجربة ال bottom ولكن لم يتحرك ال footer , وضعت ال bottom في السطر الأول من الاكواد التالية : <footer class="text-center text-lg-start text-white" style="background-color: #3e4551; bottom: 0px;"> <div class="container p-3 pb-0"> <section class="mb-1 text-center"> <!-- Github --> <a class="btn btn-outline-light btn-floating m-1" href="#" role="button"> <i class="fab fa-github"></i></a> <!-- Linkedin --> <a class="btn btn-outline-light btn-floating m-1" href="#" role="button"> <i class="fab fa-linkedin-in"></i></a> <!-- Instagram --> <a class="btn btn-outline-light btn-floating m-1" href="#" role="button"> <i class="fab fa-instagram"></i></a> </section> </div> <!-- Copyright --> <div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2)"> <span>&copy; <span id="footerDate"></span> Copyright:</span> <a class="text-white" href="#">...</a> </div> </footer>

هناك خاصيتين يمكنك استعمالهما لذلك، هما ال bottom و ال fixed-buttom، الأولى تقوم بوضع ال footer أسفل الموقع بشكل كامل، أي لا يظهر حتى تقوم بالنزول إلى آخر الموقع، أما الثانية فتقوم بوضعه في أسفل الشاشة، أي دائماً يكون ظاهراً أسفل الشاشة حتى و أنت تقوم بالنزول أو الصعود في الموقع. هذه الخواص يمكننا وضعها ضمن الخاصية class طبعاً. يمكنك القيام بتجريبهما لترى بشكل أفضل تأثير كل منهما.

الفرق بين odoo و ERP next وما الأفضل بينهما

السلام عليكم قدمت cv الخاص بي وبالأصل هو موقع ويب , لشخص قام بطلب موظفين أو بالأحرى اعضاء فريق , وهذا الفريق يقوم بالعمل على مشاريع ERP , ولا وجود موقع جغرافي لهذا الفريق , انما كل شخص يعمل في بيته على المشروع المفروض عليه , فطلب مني أن أٌقوم بعمل مشروع (موقع ويب) وفعليا هذا الموقع كبير , موقع ويب يدير المشاريع , بصفحة لاضافة المشاريع وصفحة لاضافة مستخدمين جدد وصفحة رئيسية , والمشروع فيه تفاصيل كثيرة , مع أمكانية التعديل على معلومات المشاريع المضافة ,, فلا أدري هل هكذا هي المشاريع الاختبارية أم هذا نوع من النصب (أسلمه المشروع ثم يقول لا تصلح للعمل ويستفيد هو من المشروع) ؟؟؟

وعليكم السلام إذا كان ال CV الخاص بك غير كافي بالنسبة له.. يعني لا يوجد به نماذج اعمال سابقة بمواقع وتطبيقات ويب يقتنع بعملك.. فهذا ربما يدفعه أن يطلب منك موقع ليختبر مهارتك.. لكن ليس إلى درجة تفاصيل كثيرة! ممكن أن تخبره أنك قادر على تطوير موقع إدارة المشاريع؛ لكن بدون تطويره.. وذلك بأن تخبره ان في نماذج اعمالك يوجد موقع بفكرة مقاربة وبذات التقنيات التي طلبها.. فلست بحاجة لإعادته.. أو إن كان لديك وقت لإنجازه فأنجزه.. واعطه رابط.. لا تعطه السورس كود.. وإذا أصر برؤيته السورس كود؛ اطلب منه الدخول إلى جهازك ويراه بالتيمفيور فقط بدون ان ترسله بالتوفيق

حسنًا إليك أسهل طريقة لذلك: - أولًا أنت بحاجة إلى برنامج VLC إذا لم يكن لديك. - شغّل الفيديو باستخدام البرنامج - من قائمة أدوات Tools اضغط على تأثيرات وفلاتر Effects and Filters - الآن من علامة التبويب Video Effects اختر لسان Geometry وفعّل الخيار transform واختر من القائمة المنسدلة تدوير الفيديو بما يلائم حالتك 180 درجة لن تتيح لك هذه الطريقة تعديل الملف كملف وانما تعديل أسلوب مشاهدته فقط أتمنى أن يكون ذلك بسيطًا كفاية