آموزش دادن انیمیشن به عکس پروفایل

[شایان آباد 273]

به نام خدا

با سلام و خسته نباشید خدمت تمامی کاربران انجمن IPSFarsi

با آموزش چرخش عکسی پروفایل با من همراه هستید.

در این آموزش عکس پروفایل کاربرهای شما در تاپیک ها اینجوری میشه :

 

از پنل ادمین ابتدا به بخش شخصی سازی ها برید > پوسته ها > پوسته مورد نظر > روزی گزینه ویرایش css  و html بزنید

بعد از اون دوتا تب اون بالا میبیند که ما کاری با تب فعال و اولی که فایل های php  و ... هستن نیاز نداریم

میریم به تب css ، بعد از باز کردن این تب فایل custom.css باز کنید و این کدهایی که پایین میزارم اضافه کنید !

.ipsUserPhoto_large img, img.ipsUserPhoto_large, .ipsUserPhoto_large:after {
  
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;
    margin:-60px 0 0 -60px;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); }
  
}

بعد اضافه  کردن این سی اس اس ها به فایل custom.css اون رو ذخیره کنید و بعد برید به یکی از تاپیک ها مشاهده میکنید که عکس پروفایل کاربر مانند عکس بالایی که براتون گذاشتم هست

امیدوارم این آموزش براتون مفید باشه تا درودی دیگر بدرود.

اختصاصی از انجمن IPSFarsi

موفق باشید