رفتن به مطلب

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


 اشتراک گذاری

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

به نام خدا

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

با آموزش انیمیشن دادن به لوگو انجمن با من همراه هستید

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

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

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

@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
#elSiteTitle  {
   -webkit-animation: flickerAnimation 2s infinite;
   -moz-animation: flickerAnimation 2s infinite;
   -o-animation: flickerAnimation 2s infinite;
    animation: flickerAnimation 2s infinite;
}

حال لوگو سایت شما به حالت زیر در میاد :

GIF.gif.d8acab77db4899764170f2236089b4d6.gif

موفق باشید

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

  • 3 ماه بعد...
در 7 دقیقه قبل، DarkStar گفته است :

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

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

بله میشه

مشکلی نیست

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

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

بله میشه

مشکلی نیست

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

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

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

شرمنده

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

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

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

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

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

شرمنده

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

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

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

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

 اشتراک گذاری

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

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

اطلاعات مهم

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