وضعیت مشکل :
عنوان تایپک :

زیبا سازی قسمت آوتار پست بیت

سلام به همه

آموزش محو کردن آواتار قبل رفتن موس و ظاهر شدن و بزرگ شدن آن بعد از رفتن موس

به قسمت قالب ها و پوسته ها > قالب ها > postbit > و postbit_classic

کد زیر رو پیدا کنید :

{$post['useravatar']}


و با کد زیر تعویض کنید :

<div class="LIFE-AVA"> {$post['useravatar']} </div>



حال به قسمت پوسته ها >> پوسته مورد نظر رفته و کد زیر رو به انتهای global.css قالبتون اضافه کنید :

.LIFE-AVA {
    -moz-transition: all 1s ease 0s;
    opacity: 0.2;
    filter:alpha(opacity=20);
}
.LIFE-AVA:hover {
    -moz-transform: scale(1.3) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
    -webkit-transform: scale(1.3) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
    -o-transform: scale(1.3) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
    -ms-transform: scale(1.3) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
    transform: scale(1.3) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
    opacity: 0.9;
    filter:alpha(opacity=90);
}

در ضمن این کد در مرورگر اینترنت اکسپلور هم بهتر نمایش داده میشه نسبت به کد های دیگ پ

نمونه قبل از رفتن موس:

   

نمونه بعد از رفتن موس:

   
موفق باشید
پاسخ های کاربران 0

برای اطلاع از آخرین اخبار مای بی بی فارسی عضو کانال تلگرامی شوید :