محمد النهدي
وعليكم السلام ورحمة الله وبركاته.
أخي استخدم نسبة أبعاد الصور نفسها التي يستخدمها القالب، وبهذا لن يتم قص الصورة ولن تتشوه.
لمعرفة الأبعاد المناسبة للصورة البارزة للموقع، افتح الصفحة الرئيسية في الموقع، ثم انقر بزر الفأرة الأيمن على إحدى الصور البارزة، ثم افتح الصورة في علامة تبويب جديدة، وبعد ذلك انسخ الصورة وألصقها في برنامج الرسام الخاص بويندوز (أو اعرف أبعادها بطريقة أخرى). اعرف نسبة عرض الصورة إلى ارتفاعها، واستخدم هذه النسبة عند التصميم.
في حالتي كانت أبعاد الصورة هي 280/210، وبالتالي يمكنني أن أستخدم الأبعاد التالية:
- 1400/1050
- 1960/1470
- 2800/2100
إذا أردت أن تأخذ الصور كامل المساحة المحددة عن طريق جعلها تتشوه، فاستخدم كود CSS التالي:
تسجيل الدخول لعرض الكود
لاحظ أنه يجب أن تستبدل img بمحدد الصورة نفسها التي تريد أن تتشوه لتحتل كامل المساحة المحددة، وذلك كي لا تتأثر صور الموقع الأخرى.