آواتار زیباسازی آواتار

[amirbassir 909]

سلام،

اگر می خواهید وقتی که موس رو روی آواتار میگذارید اندازه آواتار کوچک بشه و وقتی که موس رو از روی آواتار برمیدارید به حالت عادی برگردد، آموزش زیر رو دنبال کنید:

به آدرس زیر بروید:

Look & Feel >>> Manage Skin Sets & Templates >>> Your Skin >>> ipb_styles.css

گزینه ipsUserPhoto پیدا کرده و کدهای زیر را جایگزین کنید:

.ipsUserPhoto {
 padding: 2px;
 border: 1px solid #d5d5d5;
 background: #fff;
 -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
  box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-webkit-transition-duration: 0.1s;
-moz-transition-duration: 0.1s;
-o-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}

پائین تر از آن گزینه .ipsUserPhotoLink:hover .ipsUserPhoto هست که کدهای زیر رو با آن عوض کنید:

 .ipsUserPhotoLink:hover .ipsUserPhoto {
 border: 1px solid #d5d5d5;
-webkit-transform: scale(0.9, 0.9);
-moz-transform: scale(0.9, 0.9);
-ms-transform: scale(0.9, 0.9);
-o-transform: scale(0.9, 0.9);
transform: scale(0.9, 0.9);
    }

موفق باشید.

[MrAmir 47]

کاش همچین آموزش هایی نمونه قابل مشاهده هم داشت , یا کسایی که ویرایش کردن لینک انجمن میزاشتن بقیه هم ببینن , در هر صورت ممنون