السلام عليكم اليوم قمت بانشاء صفحة من نحن احترافية
الصفحة تعرض المعلومات بطريقة دينيماكية فعندما تنقر على أحد الصور تضهر المعلومات بالأسفل
رابط المعاينة أتمنى أن تزوروها
لقد قمت بانشاء صفحة من نحن
رائعة جدا حتى أن مستواك تحسن كثيرا , إطلعت على الأكواد أرى أيضا أنك تحسنت جيدا فيها , منظمة و متتالية , الأكواد التي لا فائدة منها قلت كثيــــــــــــــــــــــــــــــــــــــــرا (وجدت 7 فقط) .
سأريك كيف تعرف الأكواد التي إضافتها أو حذفها لن يغير أي شيئ (المعنى أنها الأكواد الزائدة و التي لا فائدة من إضافتها) :
المثال سيكون عن العنوان (من نحن) :
1/ ضع مؤشر الفأرة فوقه ثم إضط عليه بالزر اليمين .
2/ ستظهر لك قائمة إختر منها inspect .
3/ ستظهر لك فورم ال html الذي أنت كتبته , عند تمرير المؤشر عليه سترى تضليل باللون أزرق و البرتقالي في الصفحة على العنصر الذي قمت بوضع مؤشر الفأرة فوقه .
4/ في الأسفل كما ترى هناك نافذة إسمها style (هذه تخص ال css لكل عنصر ).
5/ كما ترى هذه تخص العنوان "من نحن" الذي عملنا له inspect , ظهر لنا أيضا ال css الخاص به .
6/ على يسار كل كود تجد علامة صح , مثلا هذه أنا قمت بإزالة علامة الصح منها , الذي سيحدث هو أن المتصفح سيقوم بإلغاء ذلك الكود الخاص بذلك العنصر الذي في حالتنا هو h1 .
7/ الآن لما ألغيته من المفترض أن يحدث تغيير مثلا لو كان الكود الذي أزلت منه علامة الصح هو color: red فسيتغير العنصر لونه من الأحمر و يعود إلى اللون الإبتدائي الذي هو black .
8/ المعنى أنه إذا قمت بإلغاء أي كود و لم يتغير أي شيئ فذلك يعني أن ذلك الكود زائد و ليس له أي فائدة تذكر .
بالتوفيق.
ما شاء الله عليك , مبدع
أعتقد والعلم عند الله انك اذا واصلت التعلم والممارسة يوم بعد يوم أقل من سنة نشوفك من المحترفين بهالمجال
لا يتغير الاسم فقط بل يتغير النص أيضا هي طريقة معقدة قليلا ولاكن سأرى .
بعدها كود المحتوى الخاص بالصفحة
<span class="name-jobs">علي المهري</span>
<span class="border"></span>
<p>
هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق.
</p>
</div>
والأن الأكواد الخاصة ب css
تضع
.content {
margin: 0;
direction: rtl;
font-size: 20px;
text-align: justify;
height: 0;
overflow: hidden;
}
height: 0; و overflow: hidden;
استعملتهما لاخفاء المحتوى من الصفحة وهما ضروريان للقيام بهده العملية بعد ذالك تعود الى
<a href="#persone5"><img src="student.png" alt="" class="persone"> </a>
</div>
وتضع في الرابط id الخاص بالمحتوئ أتمنى أنك استفدت
جميل جدا .
كنت قد نصحتك من قبل بأمر الاستجابة مع الهواتف النقالة وأرى الان أنك أصبحت تهتم بذلك .
شكرا لأضافة أسمي ههههههههههههههههه
جميلة جدا. بسيطة ومتميزة, شكرا علي المشاركة وان كنت احب ان تضعها كسكربت مفتوح المصدر علي Github :)
التعليقات