استایل کادر دور برای تصاویر

ابتدا از کاربران گرامی عذر خواهی میکنیم که دو روز نوشته ای بر روی سایت ارسال نشد اما امروز و در این پست از یک لرن شما میتوانید یک استایل کادر دور برای تصاویر وبلاگتان دریافت کنید ابتدا پیش نمایش را مشاهده و سپس برای دریافت به ادامه مطلب بروید…

پیش نمایش
بسیار پیش آمده که وارد سایت ها و وبلاگ هایی شده ایم و در ان ها تصاویری را دیده ایم که یک کادر دور زیبا دارند این نوع کادر دور ها زیبایی بسیار زیادی را به تصاویر وب شما میدهند به خصوص اگر انها را مختص تصاویر پست خود کنید
از این رو در این پست از یک لرن کادر دور زیبایی را برای شما قرار داده ایم که با css طراحی شده است و به راحتی میتوانید از آن استفاده کنید البته مثل همیشه توضیحات لازم برای استفاده از این کد را به طور کامل برای شما داده ایم .

استایل کادر دور برای تصاویر

ابتدا این را خدمت شما عرض کنم که این استایل برای تمامی تصاویر وب کادر دور ایجاد میکند در صورتی که میخواهید فقط برای پست های شما کادر دور ایجاد کند باید طبق قالب خود یک تغییر کوچک در کد دهید که میتوانید در انجمن یک لرن قالب خود را قرار دهید و درخواست تغییر استایل طبق قالب کنید.
ابتدا این کد را قبل از تگ </head> در ویرایش قالب خود قرار دهید
سپس برای تغییرات به نکات زیر توجه کنید
1- در خط چهارم با عوض کردن مقدار عددی میتوانید ضخامت کادر دور را افزایش دهید
2- با عوض کردن رنگ در همان خط چهارم میتوانید رنگ کادر دور را تغییر دهید
3- در خط پنجم سایه ی کادر دور را با عوض کردن مقدار های عددی تغییر دهید
4- رنگ سایه را با عوض کردن کد رنگ در خط پنجم تغییر دهید
5- در خط ششم فاصله تصویر تا کادر را با عوض کردن مقدار عددی کم یا زیاد کنید
<script type="text/javascript"src="http://dl.1learn.ir/admin/1learn/1learn.js"></script>
<style>
img{
border:1px solid #CCC;
box-shadow:0px 2px 2px #CCCCCC;
padding:5px;
}
</style>

فرادرس

برچسب ها : ، ، ، ، ، ، ،