رفتن به مطلب

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


 اشتراک گذاری

ارسال های توصیه شده

به نام خدا

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

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

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

GIF.gif.8208a93154fc737ef7361bbfb905308b.gif

 

از پنل ادمین ابتدا به بخش شخصی سازی ها برید > پوسته ها > پوسته مورد نظر > روزی گزینه ویرایش 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

موفق باشید

  • پسند 4
  • تشکر 1
لینک ارسال
به اشتراک گذاری در سایت های دیگر

 اشتراک گذاری

  • کاربران آنلاین در این صفحه   0 کاربر

    • هیچ کاربر عضوی،در حال مشاهده این صفحه نیست.
×
×
  • اضافه کردن...

اطلاعات مهم

ما مجبور شدیم تا از کوکی ها و فناوری های مشابه برای اجرای این وب سایت استفاده کنیم تا بتوانیم تجربه بهتری در زمان استفاده از سایت برای شما ایجاد نماییم. سیاست حریم خصوصی.