اقتباس:
المشاركة الأصلية كتبت بواسطة Black Shield
عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ]
استخدم ده و غير الطول و العرض ع حسب ما انت عاوز
كود بلغة HTML:
<html>
<header>
<Title>X Sro Online Event !!!</Title>
</header>
<body>
<a href="https://www.xsro-online.com/Sro">
<img src="logo1.png" alt="X-Sro Online" height="42" width="42"> </a>
</body>
</html>
|
ده صح بس مش مفضل لعدة مشاكل بتحصل بسبب الكود ده.
طب أنا اي قصدي بمشاكل؟ يعني الصورة حتاخذ وقت أكثر عشان تحمل في الموقع و ده بسبب انو لازم يتم تغير حجم الصورة أولا, ودي الفكرة البسيطة.
طب أيه الحل؟
الحل أنك تغير حجم الصورة الاصلية عن طريق برنامج كل photoshop او اي برنامج أخر, ثم ترفعها الى الموقع.
بس برضو في مشكلة, الصورة هنا حتكون ثابتة, اي حجمها هو الثابت. يعني مع تغير عرض شاشة الجهاز الصورة لم يتم تغير حجمها.
مثلن ممكن تشتغل على جهازك عادي لاكن على جهاز ثاني ممكن ستملء الشاشة.
طب أيه الحل؟
في حلول كثرة جدا جدا ولكن أبسطهما هو أنك تعمل container للصورة وتعمل الصورة تملىء ال container و بعدين بتغير حجم ال container بشكل متناسب مع حجم الشاشة. أي تستخدم ال %.
أو مش لازم تستخدم container تقدر تغير حجم الصورة بشكل متناسب, و طبعا زي ما قلت, ده مظهر يعني لازم ميتمش في الهيكل انما بيتم في المرحلة الثانية و أيظا تقدر تعملو في المرحلة الثالثة.
تحياتي