PDA

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : افکت تغییر رنگ حاشیه تصاویر برای وردپرس



Zirmizi
2011/12/16, 02:00 AM
آموزش افکت دادن به حاشیه تصاویر بعد از اینکه موس روی تصویر رفت:
کد های زیررو در فایل style.css وارد کنید / این را برای تمام سیستم های وبلاگ دهی میتوان استفاده کرد .
توضیحات برای وردپرس : به صفحه ی نمایش رفته و در بخش ویرایشگر فایل style.css را باز کرده و کد های زیر رادر تگ IMG کپی پست کنید .


img:hover {
border: 1px solid #e3e7ac;
padding:5px;
:alpha(opacity=100);
opacity:1.0;
-moz-border-radius: 25px;
-webkit-border-radius: 15px;
margin-top: 8px;
margin-right: 4px;
margin-bottom: 8px;
margin-left: 4px;
background-color: #fafcd8;
text-align: center;
float: center;
background-image: url(images/main-post2.gif);
background-repeat: no-repeat;
background-position: center center;
box-shadow: 1px 0px 6px #888;
-webkit-transition:all 0.3s ease-in;
-moz-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
transition:all 0.3s ease-in;
}