لوحة المتصدرين
المحتوى الأكثر حصولًا على سمعة جيدة
المحتوى الأعلى تقييمًا في 07/26/19 in أجوبة
-
أهلًا بك، لون الخلفية المتدرج يمكن أن تضبطه من خلال القيمة gradiant، تخطيط الصفحة 3x3 حاويات يمكن أن يتم عبر الخاصية grid، الحدود المدورة لكل حاوية يمكن أن تُضبط عبر الخاصية border-radius، بالنسبة للأيقونات داخل كل حاوية يمكن أن تجد بعضهم وتحملهم كصور (في حال لا تريد استخدام bootstrap) وتدرجهم في حاويات تصميمك من خلال هذا الرابط، أو تبحث عنهم كصور من الأصل في محركات البحث (في حال لم تُعْطَهُم)، يمكن أن يكون الكود قريب من التالي.. ينقصك فقط إضافة الصور والنص أسفلهم <!DOCTYPE html> <html> <head> <style> .linear-gradient { height: 650px; background-color: #000066; background-image: linear-gradient(#000066, #9999ff); } body{ background-repeat: no-repeat; } .grid-container { display: grid; grid-gap: 30px; grid-template-columns: auto auto auto; padding: 10px; } .grid-item { border: 1px solid rgba(0, 0, 0, 0.8); padding: 70px; font-size: 35px ; text-align: center; background-color: white; border-radius: 20px; } </style> </head> <body class="linear-gradient"> <div class="grid-container"> <div class="grid-item">1</div> <div class="grid-item">2</div> <div class="grid-item">3</div> <div class="grid-item">4</div> <div class="grid-item">5</div> <div class="grid-item">6</div> <div class="grid-item">7</div> <div class="grid-item">8</div> <div class="grid-item">9</div> </div> </body>1 نقطة
-
السلام عليكم. في البدء أنصحك دائماً بأن يكون مشروع تخرجك في مجال تحبيه و تودين تطوير نفسك مستقبلاً فيه، كذلك يستحسن بقدر الإمكان إذا كانت فكرة المشروع يمكن تطويرها مستقبلاً حتى تصبح لك فرصة عمل. بصورة عامة خلال هذه الفترة أنصحك بمجال الذكاء الاصطناعي و تحديداً مجال انترنت الاشياء " Internet Of Things " لانه مجال المستقبل و ستجدين فيه تطبيقات كثيرة ستنال إعجابك و الكثير من الافكار الحديثة غير المطبقة و التى يمكن تطبيقها بأسهل الطرق و ستفتح لك أبواب كثيرة جداً في المستقبل بالتوفيق.. علي عمر1 نقطة
-
مرحباً بكِ أنصحك بإستخدام تقنية ال Augmented reality بعض المشاريع المصنوعة بهذة التقنية لعبة Pokemon Go . ممكن استخدام التقنية في الكتب الدراسية بحيث الطالب يعمل سكان لQR code و يظهر له قلب ينبض و ممكن كثير يساعد طلاب و طالبات الطب في مواد التشريح او مشروع تنقل في الاماكن باستخدام هذه التقنية. وبالتوفيق.1 نقطة
-
لكي يتموضع العنصر وسط الوسم div والذي يعتبر العنصر الأب في هذه الحالة، عليك بإضافة الخاصية text-align:center إلى العنصر div و margin:auto إلى العنصر الإبن. هذا مثال تطبيقي يشرح كيفية فعل ذلك: صفحة html تضم div مع id بقيمةparent، مع 3 عناصر : <div id="parent"> <div id="child1" class="block center">a block to align center and with text aligned left</div> <div id="child2" class="block left">a block to align left and with text aligned left</div> <div id="child3" class="block right">a block to align right and with text aligned left</div> </div> كود css المتحكم في العناصر السابقة و الأب parent أيضا: #parent { text-align:center; background-color:blue; height:400px; width:600px; } .block { height:100px; width:200px; text-align:left; } .center { margin:auto; background-color:green; } .left { margin:auto auto auto 0; background-color:red; } .right { margin:auto 0 auto auto; background-color:yellow; } صورة للنتيجة: مثال تطبيقي
1 نقطة