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

أنا مش هعرف اكمل عشان مشغول وورايا حاجات لازم انجزها ولازم تخلص قبل العيد لو حد عاوز ملفاتي يكمل عليها مفيش مشكلة

كل حاجه تمام

ما عدا شوية حاجات في التجاوب محتاجه تتظبط

رابط معاينة
http://mohamedmarzouk23.ihostfull.com/

1 Like

يعطيكم العافيه ,
انا أنشأت حساب على freelancer , ممكن حدا يفهمني كيف اسجل بالمسابقة شاكرة تعاونكم ؟؟

1 Like

جميل قطعت نصف الشوط، إستمر بالعمل عليه حتى تصل للشكل المطلوب

بعد تحديدك للأيقونات من موقع icomoon وتحميلها كـ font سيتم تنزيل ملف مضغوط.

1- قم بفك الملف المضغوط وخذ مجلد الخطوط وقم بتضمينها في ملف الـ css كخط جديد

 @font-face {
    font-family: 'icomoon';
    src:  url('fonts/icomoon.eot?tn1ryv');
    src:  url('fonts/icomoon.eot?tn1ryv#iefix') format('embedded-opentype'),
      url('fonts/icomoon.ttf?tn1ryv') format('truetype'),
      url('fonts/icomoon.woff?tn1ryv') format('woff'),
      url('fonts/icomoon.svg?tn1ryv#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
  }

2- قم بعمل وسم الأيقونة في ملف الـ html واعطية كلاسين الاول عام لجميع الايقونات .icon والثاني خاص بالأيقونة ولنفترض ايقونة الفيسبوك .icon-facebook

  <span class="icon icon-facebook"> </span>

3- أرجع لملف الـ css واضف الخط لجميع الأيقونات

.icon{
      font-family: 'icomoon' !important;
    }

والان ضيف الأيقونة كالتالي:

.icon-facebook:before {
      content: "\e901";
 }

الكود e901 جيبة من صفحة demo.html التي ستكون من ضمن الملفات الي راح تنزلها

1 Like

الله يعافيك

بمجرد ما تنتهي من العمل على صفحة بتلاقي زر في صفحة المسابقة بإسم upload entry

قطعت شوط كبير وعمل رائع

1 Like

اها , يعني مجرد ما اخلص ارفعهم عليه
يسلموو

1 Like

نعم :+1:

استاذي الحكيم
بدأت بالمسابقة اتمني اكمالي قبل انتهاء الوقت☺

1 Like

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

1 Like

بالتوفيق إن شاء الله :grin:

1 Like

نعم إذا بذلتي مجهود ذاتي وتعلمتي من خلال عمل تطبيقات و ورش عمل وليس من خلال دروس نظرية

1 Like

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

1 Like

كيف اجعل footer فوق المحتوي؟ :thinking:

1 Like

استعملي خاصية position: fixed;

1 Like

شكرا جدا لكن بتبقي ثابتة مع الصفحة

1 Like

يعطيك العافيه استاذ,
هاي الصفحه الاولى , بالنسبة للfooter مش عارفة اخلي فوق المحتوى بطريقة صحيحة مع اني استخدمت position:fixed


ممكن تتأكدلي من صحة الاكواد هاي اللينك
https://drive.google.com/drive/folders/1Pc3UXygzQO0P51SyNzT-fT7CNvW3t2CC
@Alhakem

2 Likes

رمضان كريم أختي لقد راجعت عنصر الفوتر الخاص بك وأضفت لك
هذه الخاصيات جربيها بالتوفيق

footer {
  background:rgba(18, 69, 120, 0.8);
  padding: 2px;
  /* Fix postion to bottom */
  position: fixed;
  bottom: 0;
  /* fit it to screen  */
  width: 100%;
}
2 Likes

رمضان كريم علينا وعليكِ يا رب …
أنا كتبت نفس كودك بس لما اعمل سكرين للصورة بتطلع هيك , فحاسه انه في شي خطأ , يسلمو

2 Likes

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

1 Like