Zen Eddin Allaham
-
المساهمات
957 -
تاريخ الانضمام
-
تاريخ آخر زيارة
-
عدد الأيام التي تصدر بها
37
نوع المحتوى
ريادة الأعمال
البرمجة
التصميم
DevOps
التسويق والمبيعات
العمل الحر
البرامج والتطبيقات
آخر التحديثات
قصص نجاح
أسئلة وأجوبة
كتب
دورات
كل منشورات العضو Zen Eddin Allaham
-
كيف يمكن تغير التاريخ تلقائي في كل يوم src.zip
- 8 اجابة
-
- 2
-
-
ماذا يحدث عند الفشل في امتحان الدورة
- 3 اجابة
-
- 3
-
-
لدي مشكلة غريبة نوعاً ما حيث عند استدعاء </Prayer> الذي قمت بأنشائه تختفي جميع العناصر src.zip
- 4 اجابة
-
- 3
-
-
لدي مشكلة غريبة نوعاً ما عند استدعاء</Prayer> الذي قمت بأنشائه تختفي جميع العنصار src.zip
-
ما الفرق بين height & min-height
- 3 اجابة
-
- 2
-
-
ماهو هذا العنصر في HTML <select name="" id=""></select>
- 4 اجابة
-
- 4
-
-
اقصد عندما مثلا onclick من اجل تنفيذ الدالة اريد ان اكتبها مراة واحدة ولكن في اربع اسطر مثال في صورة
- 8 اجابة
-
- 1
-
-
كيف يمكن كتابة اربع اسطر في نفس الوقت
-
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="index.css"> <title>ِApple</title> </head> <body> <div class="container"> <header> <a href="#"><img src="logo.png" class="logo" alt=""></a> <ul> <li><a href="#">Home</a></li> <li><a href="#">Project</a></li> <li><a href="#">News</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> </ul> </header> <div class="content"> <div class="text"> <h2>iPhone 13 pro max</h2> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p> <a href="">All Products</a> </div> <div class="img"> <img src="0.png"> </div> </div> <div class="icons"> <img id="img-preview" onclick="phones(this.src); colors('#000')" src="0.png"> <img id="img-preview" onclick="phones(this.src); colors('#000')" src="1.png"> <img id="img-preview" onclick="phones(this.src); colors('#247ec8')" src="2.png"> <img id="img-preview" onclick="phones(this.src); colors('#1e1e1e')" src="3.png"> <img id="img-preview" onclick="phones(this.src); colors('green')" src="4.png"> </div> </div> <script src="index.js"></script> </body> </html> let images = document.querySelector('.icons') let container = document.querySelector('.container') let image = document.getElementById('img-preview') function phones(phone){ image.src = phone; } function colors(color){ container.style.background = color; } لقد نفذت الكود لكن ليس هذا الذي اريده حيث لاحظ في صورة لا اريد ان تظهر الصورة في الاسفل احتاج عند ضغط على صور الهاتف الاحمر مثلا يعرض مكان الهاتف الذهبي وهكذا
-
let images = document.querySelector('.icons') let container = document.querySelector('.container') function phones(phone){ images.src = phone; } function colors(color){ container.style.background = color; } *{ padding: 0; margin: 0; box-sizing: border-box; font-family: sans-serif; } .container{ background-color: #000; min-height: 100vh; width: 100%; overflow: hidden; position: relative; } header{ display: flex; justify-content: space-between; width: 80%; align-items: center; margin: auto; padding: 20px 0; } .logo{ width: 40px; } ul li { display: inline-block; } ul li a{ color: white; text-decoration: none; margin: 0 10px; } .content{ display: flex; justify-content: space-between; align-items: center; width: 80%; margin: auto; } .content .text{ width: 40%; color: white; } .content .text h2{ font-size: 40px; text-transform: uppercase; } .content .text p{ font-size: 18px; margin: 20px 0; } .content .text a{ text-decoration: none; background-color: white; color: #000; font-weight: bold; padding: 8px 15px; border-radius: 20px; cursor: pointer; } .content .img{ width: 30%; } .content .img img{ width: 180px; } .icons{ position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); bottom: 20px; } .icons img{ width: 40px; transition: all 0.5s ease; cursor: pointer; } .icons img:hover{ transform: scale(1.2); } <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="index.css"> <title>ِApple</title> </head> <body> <div class="container"> <header> <a href="#"><img src="logo.png" class="logo" alt=""></a> <ul> <li><a href="#">Home</a></li> <li><a href="#">Project</a></li> <li><a href="#">News</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> </ul> </header> <div class="content"> <div class="text"> <h2>iPhone 13 pro max</h2> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p> <a href="">All Products</a> </div> <div class="img"> <img src="0.png"> </div> </div> <div class="icons"> <img onclick="phones(this.src); colors('#000')" src="0.png"> <img onclick="phones(this.src); colors('#000')" src="1.png"> <img onclick="phones(this.src); colors('#247ec8')" src="2.png"> <img onclick="phones(this.src); colors('#1e1e1e')" src="3.png"> <img onclick="phones(this.src); colors('green')" src="4.png"> </div> </div> <script src="index.js"></script> </body> </html> لقد قمت بمشروع لكن اريد عند ضغط على صورة تظهر في المتصفح
- 8 اجابة
-
- 2
-
-
هل يمكن تحقيق ربح من خلال HTML & CSS ام لا
- 4 اجابة
-
- 3
-
-
هل اذا قمت بأنشاء تطبيق الملاحظات بمفردي مع فهم ما اكتبه هل هذه يعني اني تعلمت react بالكامل
- 4 اجابة
-
- 2
-
-
ما الفرق بين splice & filter
- 3 اجابة
-
- 1
-
-
عفوا قمت بطرح سؤال في درس بالخطأ المشكلة اني عند بدأ في دراسة أشعر اني لا استوعب المعلومات بشكل كبير ما هو الحل الانسب
- 3 اجابة
-
- 3
-
-
لقد رأيت شخص يدعى ديفيس مطور برمجيات في شركة في تيكساس لقد شعر بأنه سينضرد من شركة بعد ما قامت الشركة بأعادة الهيكلة وقرر أن ينتقم من شركة وقام بكتابة كود kill Switch عبارة حلقات لا نهائية وحذف الموظفين من قواعد البيانات وقفل النظام شركة والكود سيفعل عند حذفه من قائمة الموظفين النشطين وبسبب هذا الشركة خسرت آلاف دولارات وتم حكم عليه بالسجن لمدة 10 سنوات الفكرة من هذا الكلام اريد ان اعرف هل فعلاً كود Kill Switch خطير
-
سمعت عنها انها مخالفة للقوانين وهي خطرة وتسبب في دخول السجن هل هذا صحيح ؟
-
ماهو كود Kill Switch لقد سمعت عنه في يوتيوب
- 8 اجابة
-
- 3
-
-
شكرا لك لكن انا استخدم موقع netlify برفع المشاريع لكن مع كل تعديل اقوم به يجب علي تغيير الرابط وهذه مشكلة بالنسبة لي
- 4 اجابة
-
- 1
-
-
السلام عليكم كيف يمكنني رفع المشروع على منصة github وهل أذا رفعت المشرع على github وقمت بتعديله بعد رفعه سيعدل تلقائياً
- 4 اجابة
-
- 2
-
-
اذا قمنا بتعلم TypeScript هل هذا يعني سوف نقوم بتخلي عن لغة JavaScript وهل TS تتفاعل مع html css
-
حسناً شكراً لك لكن لماذا اتعلم لغة TS حيث انها تقريباً مشابها ل JS
-
شكرا جزيلاً لكم
