السيطرة على احجام الصور في مدونتك
ربما انك تعاني من الصور المدرجة في مدونتك ! السبب في ذلك يعود الى الحجم الذي قد لا يتناسب مع الاطار المتاح للتدوين
على العموم هناك العديد من المدونين يفتقدون الى معرفة كيفية معالجة هذه المزعجة , ربما لعدم الخبرة او اشياء اخرى لا نعرفها. المهم هو اننا سوف نحاول ان نحول دون حدوث مثل هذه الامور في التدوينات لتبقى المدونة منسقة بشكل جيد واكثر احترافية , وايك الطريقة الافضل لفعل ذلك وامكانية اختيار الحجم الذي يتناسب مع حجم مدونتك .
اذهب الى صفحة التصميم من الرئيسة على المدونة , من ثم تحرير HTML وابحث عن الكود التالي :
]]></b:skin>
ولفتح مربع بحث سريع عن الكود اضغط على كونترول مع اف سيخرج لك مربع بحث ضع الكود داخله واطلب منه البحث اختصارا لوقتك يا مولاي . الان الخاصية التالية المميزة بلغة سي اس اس وهي المسؤلة عن تحديد الحجم بالنسبة التي نريدها مع مراعاة ان الصور لن تفقد الحجم الاصلي لها , انما هي ميزة تصغير الصور شكلا لتتناسب مع اطار المدونة
فوق الكود نضع الرمز التالي بلغة HTML
كود بلغة HTML:
.post img {max-width:85%;}
والنتيجة سوف تكون هكذا ( بعد وضع الكود في صفحة التحرير )
.post img {max-width:85%;}]]></b:skin> |
وهذا يعطيك النسبة المئوية لعرض الصورة , يمكن تغييره حسب ما تريد بتغيير النسبة من 85 % الى ما تريد ,
اما اذا اردت ان تحدد حجما للصور على رغبتك ليكون ثابتا , فهذا الكود يلبي الطلب مع ملاحظة ان حجم الصورة الاصلي لن يتغير , هذا يعني ان كل من يريد ان يستعرض الصورد منفردة سوف يحصل على الحجم الطبيعي الذي رفعت به صورك يا عزيزي المزارع , اتمنى لك محصولا طيبا وغلة وفيرة هذا العام
كود بلغة HTML:
.post img { max-width:410px; width: expression(this.width > 410 ? 410: true); }
هذا ما لدينا اليوم واتمنى ان تعم الفائدة على الجميع
مدونة رهيب متخصصة في التجارة الالكترونية وما يتعلق بالبلوجر
Share This:
Jillur Rahman
I'm Jillur Rahman. A full time web designer. I enjoy to make modern template. I love create blogger template and write about web design, blogger. Now I'm working with Themeforest. You can buy our templates from Themeforest.
No Comment to " السيطرة على احجام الصور في مدونتك "