قراردادن border يا فريم براى تصاوير

مجموعه مقالات و مطالب مرتبط با بلاگر و وبلاگ نویسی و دنیای فناوری اطلاعات

دیدن مطالب وبلاگ

۱۳۸۷/۰۵/۲۸

قراردادن border يا فريم براى تصاوير


براى گذاشتن border يا يک فريم به دور تصاوير يا عکسها در پستها ، کد زير زا به قسمت CSS قالب خود اضافه نمائيد



.post-body img {

padding: 5px;

border: 1px solid #f0f0f0;

margin: 0px 0px 5px 0px;

}

.post-body img[align="right"] {

margin: 0 0 0 5px;

}

.post-body img[align="left"] {

margin: 0 5px 0 0;

}

.post-body img[align="center"] {

margin: 5px;

}



نکات:

1) براى کم کردن فاصله ميان بوردر يا فريم با خود تصوير مقدار Padding را کاهش دهيد

2) براى افزايش ضخامت بوردر مقدار ، عدد روبروى Border را افزايش دهيد

3) براى تغيير رنگ بوردر ، کد رنگ را تغيير هيد

4) براى تراز کردن فاصله قرارگيرى تصاوير از متنها وقتى تصاوير در سمت راست متنها ، چپ متنها ويا در مرکز قرار دارند ، مقدار عدد Margin هر يک از موقعيتها را تغيير دهيد .



0 نظر:

لینکهای دوستان