تبدیل لوگو ساده انجمن به چشمک زن

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

به نام خدا

با درود فراوان خدمت اعضای محترم انجمن IPSFarsi،

در این آموزش با چگونگی ایجاد انیمیشن برای لوگوی انجمن همراه خواهید بود.

لطفاً از طریق پنل مدیریت، به بخش "شخصی سازی‌ها" بروید، سپس "پوسته‌ها" را انتخاب نموده و پوسته مد نظرتان را باز کنید، و بر روی گزینه "ویرایش CSS و HTML" کلیک کنید. پس از آن، در بالای صفحه دو تب مشاهده خواهید کرد. ما به تب اول که حاوی فایل‌های PHP و غیره است نیازی نداریم، پس مستقیماً به تب "CSS" خواهیم رفت. پس از باز کردن این تب، فایل "custom.css" را باز کنید و کدهایی را که در ادامه قرار می‌دهم به آن اضافه نمایید.

@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}

#elSiteTitle {
  animation: flickerAnimation 2s infinite;
}

نتیجه تغییرات :

ویرایش شده 26 بهمن، ۱۴۰۲ توسط شایان آباد

[DarkStar 3]

سلام ببخشید تاپیک رو آپ میکنم باز

میگم مال من عکسه میشه عکس رو هم به همین شکل کرد

[سعید فضل اله زاده 71]

در 7 دقیقه قبل، DarkStar گفته است :

سلام ببخشید تاپیک رو آپ میکنم باز

میگم مال من عکسه میشه عکس رو هم به همین شکل کرد

بله میشه

مشکلی نیست

[DarkStar 3]

در هم اکنون، سعید فضل اله زاده گفته است :

بله میشه

مشکلی نیست

ممنون بابت پاسختون 

ولی من الان این کد رو گذاشتم برای متن شد ولی عکس نه 

میشه بیشتر توضیح بدید که چیکار کنم

شرمنده

[سعید فضل اله زاده 71]

در 53 دقیقه قبل، DarkStar گفته است :

ممنون بابت پاسختون 

ولی من الان این کد رو گذاشتم برای متن شد ولی عکس نه 

میشه بیشتر توضیح بدید که چیکار کنم

شرمنده

چون من در انجمن خودم از قالب قبلی IPSFarsi استفاده می کنم و برای من این آموزش کار کرد و مشکلی نداشت

اما پس احتمالا class اون تصویر شما چیز دیگه ای هست که نشده

منتظر پاسخ مدیران باشید که سایت تون رو بررسی کنند

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

در ۱۳۹۶/۴/۱۱ در ۱۷:۰۰، DarkStar گفته است:

ممنون بابت پاسختون 

ولی من الان این کد رو گذاشتم برای متن شد ولی عکس نه 

میشه بیشتر توضیح بدید که چیکار کنم

شرمنده

درود وقت بخیر

در صورتی که از تصویر استفاده میکنید کد زیر مشکل شما را حل خواهد کرد :

@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}

#elLogo {
  animation: flickerAnimation 2s infinite;
}

با ارزو موفقیت