مسابقة تطوير موقع شركة خدمات طلابية - جائزة مالية للفائز


#63

أحسنتي عمل جميل يحتاج فقط لعمل بعض التعديلات البسيطة.

عشان تخلي الفوتر فوق المحتوى إستخدمي التالي:

    position: absolute;
    bottom: 0;
    z-index: 2;
    width: 100%;

الـ position: absolute; عشان ما يكون الفوتر ثابت
bottom: 0; عشان يخلية بأسفل الصفحة
z-index: 1; عشان يخلي الفوتر في طبقة فوق كل العناصر

width: 100%; عشان يأخذ عرض الشاشة كاملة


@BayanRadaideh

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

1- إعطي الخلفية background-size: cover عشان تتمدد بحجم الشاشة.

إعملي تعديل للـ padding الي معطياها للفوتر عشان نشيل scrollbar الذي ظهر كالتالي:

    padding: 2px 0px;

النتيجة:

2- إعطي الـ background وكمان الـ blue إرتفاع بقيمة 100vh height: 100vh; عشان تأخذ إرتفاع الشاشة كاملاً مهما كان

النتيجة:

يتبقى عليك تخلي القسم التالي في أسفل الصفحة

بحيث يكون بالشكل التالي:

طبعاً طريقة عمل ذلك مشابهة لطريقة قيامنا بوضع الفوتر بالأسفل فقط سيكون عليك توسيط العنصر بإمكانك البحث عنها بالإنترنت و الوصول للشكل المطلوب وقولي لي بالنتيجة.

ولا تنسي بعمل التعديلات اللازمة بزيادة إرتفاع القسمين كون انه بيخسر جزء من إرتفاعة تحت الفوتر في هذه الحالة


المعلومات الي فوق راح تفيدك @Orgena


#64

أشكرك هشوف ان شاء الله ملاحظاتك


#65

@Alhakem
ليه الجزء اليسار لما بعمل scroll مش بيكمل معي؟


#66

الأستاذ @Alhakem تم الإنتهاء من الموقع ولاكن هناك مشكلة في التجاوب فالموقع غير متجاوب.
أرجوا مشاهدت الموقع وإبداء الملاحظات.
http://company-name.bitballoon.com/index.html


#67

للاسف :disappointed_relieved:
الوقت لم يساعدني الا من استكمال الرئيسية فقط نظرا لظروف سفري
اتمني مزيد من الوقت لاستكمال المحتوي قبل الموعد
ان شاء الله استكمله لمزيد من التعلم
وهذا رابط الصفحة الرئيسية
http://elegant-banach-29c471.bitballoon.com


#68

https://abdrb.github.io/a/
هذه أول تجربة لي في تصميم موقع متجاوب ولكن لم يكتمل بعد


#69

استفسار من الأستاذ @Alhakem
فيما يتعلق بالمثال التالي:


كيف يمكن جعل القائمة تتغير


#70

بعد عمل ال @media حبيت اختبر التجاوب على جهازى المحمول وكان ده الفرق

وده عن طريق الموبايل

ليه فيه فرق مش المفروض الاتنين واحد
دى تنسيقات الميديا اللى استخدمتها

@media only screen and (max-width: 380px)
@media only screen and (min-width:380px) and (max-width: 600px)
@media only screen and (min-width:600px) and (max-width: 900px)


#71

هل أضفت هذا الكود في الصفحة html

<meta name="viewport" content="width=device-width, initial-scale=1">

يوضع في ال head


#72

اعطي هذي الاوامر في القسم الي حاط فيه الخلفية

background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;

#73

تبقت 15 ساعة للمسابقة هلى موقع فريلانسر

حتى وان لم تكملوا العمل على الموقع قوموا برفع مشاركة في الوقت الحالي قبل إغلاق المجال عليكم


#74

سأقوم بمراجعة تعليقاتكم واسئلتكم غداً في الوقت الحالي أحرصوا على رفع حتى مشاركة جزئية بمنصة العمل الحر
@ahmed-alakbari
@Abdurab
@mostafa3zazy
@N_Kardan
@Asmaa
@Orgena
@BayanRadaideh
@MohamedMarzouk23
@mohamedkhalil
@AomaF
@mohamedyoussouf
@esraa9
@sniperadmin


#75

الحمدلله رفعت الموقع بالكامل
بالتوفيق للجميع :grin:


#76

استاذ حكيم
بشكر حضرتك جدا علي المسابقة الرائعة التي اعطتنا الفرصة في تعلم المزيد فأنت شخص جدير بالاحترام :rose:


#77

انا لم اكمل المشروع باكمله لكن اريد ان ارفعه علي منصة العمل الحر … كيف يتم ذلك … لم اتعامل مع ال freelancer من قبل


#78

اعملي حساب عليه بالاول ،، وبعدين ادخلي ع رابط المسابقة واعملي upload لصورة الصفحه اللي عملتيها وفي مكان الdescription حطي رابط ملفات الشغل مثلا لو رفعتي الملفات ع google drive انسخي الرابط


#79

للاسف الوقت انتهي … عملت زي ما انت قولت بالظبط بس كان يطلب مني اكمل بيناتي وميرضاش يكمل
خير مفيش نصيب …
شكرا اليك …


#80

للأسف النوم غلبني وماأرسلت مشاركتي >_<
تبقى القليل في الصفحة الأولى والثانية


#81

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


#82

عملت على الموقع و تعبت كثيرا لكن لم استطع مطابقة المطلوب 100 %.على الأقل لأول مرة أشارك في مسابقة freelancer