18

لقد قمت بانشاء صفحة من نحن

السلام عليكم اليوم قمت بانشاء صفحة من نحن احترافية

الصفحة تعرض المعلومات بطريقة دينيماكية فعندما تنقر على أحد الصور تضهر المعلومات بالأسفل

رابط المعاينة أتمنى أن تزوروها

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

Salsa أضف ردا

رائعة جدا حتى أن مستواك تحسن كثيرا , إطلعت على الأكواد أرى أيضا أنك تحسنت جيدا فيها , منظمة و متتالية , الأكواد التي لا فائدة منها قلت كثيــــــــــــــــــــــــــــــــــــــــرا (وجدت 7 فقط) .

سأريك كيف تعرف الأكواد التي إضافتها أو حذفها لن يغير أي شيئ (المعنى أنها الأكواد الزائدة و التي لا فائدة من إضافتها) :

المثال سيكون عن العنوان (من نحن) :

1/ ضع مؤشر الفأرة فوقه ثم إضط عليه بالزر اليمين .

2/ ستظهر لك قائمة إختر منها inspect .

3/ ستظهر لك فورم ال html الذي أنت كتبته , عند تمرير المؤشر عليه سترى تضليل باللون أزرق و البرتقالي في الصفحة على العنصر الذي قمت بوضع مؤشر الفأرة فوقه .

4/ في الأسفل كما ترى هناك نافذة إسمها style (هذه تخص ال css لكل عنصر ).

5/ كما ترى هذه تخص العنوان "من نحن" الذي عملنا له inspect , ظهر لنا أيضا ال css الخاص به .

6/ على يسار كل كود تجد علامة صح , مثلا هذه أنا قمت بإزالة علامة الصح منها , الذي سيحدث هو أن المتصفح سيقوم بإلغاء ذلك الكود الخاص بذلك العنصر الذي في حالتنا هو h1 .

7/ الآن لما ألغيته من المفترض أن يحدث تغيير مثلا لو كان الكود الذي أزلت منه علامة الصح هو color: red فسيتغير العنصر لونه من الأحمر و يعود إلى اللون الإبتدائي الذي هو black .

8/ المعنى أنه إذا قمت بإلغاء أي كود و لم يتغير أي شيئ فذلك يعني أن ذلك الكود زائد و ليس له أي فائدة تذكر .

بالتوفيق.

شكرا لك على مجهودك

ما شاء الله عليك , مبدع

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

شكرا لك بتوفيق لك أيضا

رائعة، وكتحسين (في متصفح الهاتف) لو يكون النص تحت الصورة مباشرة بدلا من آخر صورة.

أعجبتني الفكرة

سؤال :

عند الضغط على الصورة يتغير الإسم يالأسفل , كيف فعلتها ؟

yassir3arfat أضف ردا

لا يتغير الاسم فقط بل يتغير النص أيضا هي طريقة معقدة قليلا ولاكن سأرى .

بعدها كود المحتوى الخاص بالصفحة

                    <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 :)

جرب

رائعة جدا, جزاك الله خيرا :)

نعم سأضعها قريبا