News Ticker

Menu

ادرج صورك بالحجم الذي يتناسب مع مدونتك تلقائيا


كيف يمكن ضبط حجم الصور تلقائيا في التدوينات , نعم , الكثير من المدونين يدرجون صورهم التوضيحية الى تدويناتهم . من هنا نجد إن  الأحجام قد تعني الكثير لجماليات التدوين , إن  إمكانية ضبط الصور لتتناسب مع التدوينة المدرجة مهم جدا , وتبلغ اهميته حدود الأهمية القصوى من الناحية الجمالية والتنسيق ,
ونظرا لما تقدم فأن الحل لمثل هذه المشاكل بسيط نحن هنا  لدينا الحل لجعل الصور تبدو أكثر أناقة ومتناغمة مع التدوينة المدرجة واليك بعض الحيل البسيطة لتتمكن من إدراج صورك داخل حدود التدوينات ولكي تتلاشى الإحراج اذا كانت الصور خارج الحدود المراد الكتابة داخلها . على كل حال لا نريد الإطالة فقط سندرج الاكواد وطرق الاستفادة منها



اذهب الى تصميم ثم الى تحريرHTML وابحث عن الرمز التالي : 


]]></b:skin>


فوق الرمز مباشرة ( ليس بعد انما قبل الرمز ) ادرج الكود التالي  :

.post img {
max-width:500px;
max-height:500px;
min-width:200px;
min-height:200px;
padding : 10px;
clear: both;
}



وهو ما يحدد لك الحدود القصوى للصورة مهما كان حجمها قبل التحميل , بأن لا تزيد عن 500 بكسل ولا تقل عن 200 بكسل

اما اذا كنت تنوي توحيد حجم الصور طولا وارتفاعا على جميع المدرجات في المدونة , فعليك استخدام هذا الكود لكي يتم جعل كافة الصور بحجم واحد . 500 * 400 ويمكن تغيير القيم لتتناسب مع ذوقك او كما تريد 

الكود :

.post img {
width:500px;
height:400px;
padding:10px;
}




مدونة رهيب متخصصة في التجارة الالكترونية وما يتعلق بالبلوجر

Share This:

Post Tags:

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 " ادرج صورك بالحجم الذي يتناسب مع مدونتك تلقائيا "

  • To add an Emoticons Show Icons
  • To add code Use [pre]code here[/pre]
  • To add an Image Use [img]IMAGE-URL-HERE[/img]
  • To add Youtube video just paste a video link like http://www.youtube.com/watch?v=0x_gnfpL3RM