نمایش عناصر سایت با حرکت اسکرول

**hadijoomla** · 04-08-2016 01:19 PM

سلام
برای اینکه وقتی اسکرول سایت رو میارم پایین یکی یکی عناصر به صورت انیمیشن نشون داده بشن باید از دوتا فایل در قالبم استفاده کنم یکی wow.js و یکی animate.css
خب من اگر خودم یک فایل html ایجاد کنم براحتی میتونم این کار کنم اما وقتی می خوام این کار رو برای قالب جوملا که با آرتیستر طراحی کردم انجام بدم دچار مشکل شدم.
یک کارای انجام دادم مثل اضافه کردن فایل animate.css به فایل css قالبم و استفاده از دستورات اجرای انیمیشن در این کلاس های این فایل و جوابم گرفتم یعنی مثلا انیمشن bounceInRight به کلاس art-vmenublock اضافه کردم و این کلاس رو به ماژول منو در موقعیت left اختصاص دادم و انیمیشن اجرا شد. اما خوذم یک کلاس تعریف کردم و دستورات اجرای انیمیشن داخلش گذاشتم و کلاس رو به ماژول اختصاص دادم جواب نگرفتم نمیدونم چرا ؟ اما بغیر از این مشکل با مشکلات دیگه ای هم مواجه شدم مثل:
1.چگونه فایل wow.js رو به فایل index.php اختصاص بدم و تابع new WOW().init(); صدا بزنم.
2.آیا به قالب آرتیستر فایل template.css میشه یک کلاس جدید تعریف کرد.من تعریف کردم اما کار نکرد.
3.چگونه از دستور <div class="icon wow bounceInRight" data-timeout="2000"> برای ماژولی که میخوام بعد از اسکرول نمایش داده شود استفاده کنم.

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

**تبلیغات** · 04-08-2016 01:19 PM

**mediawiki** · 04-09-2016 01:09 PM

به شرط اینکه، شما دیگه از نرم افزار تجاری Artisteer استفاده نکنید، بنده شما راهنمایی خواهم کرد. (البته خدای نکرده دروغ نگویید.)، شما برای طراحی، تنها نیاز به یک ویرایشگر مثل NotePad++ دارید.

**hadijoomla** · 04-10-2016 12:11 PM

خیلی ممنون!
خیلی زحمتت کشیدین بابت پاسخ !
ولی من چیزی از پاسخت نفهمیدم!
مظورت اینه که خودم قالب از صفر بنویسم ؟

**hadijoomla** · 04-11-2016 12:17 PM

نوشته اصلی توسط hadijoomla [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

خیلی ممنون!
خیلی زحمتت کشیدین بابت پاسخ !
ولی من چیزی از پاسخت نفهمیدم!
مظورت اینه که خودم قالب از صفر بنویسم ؟

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

ممنون میشم اگه راهنمایی کنید!

چگونه میتونم از انیمیشن و wow در جوملا استفاده کنم!

**mediawiki** · 04-11-2016 03:36 PM

من کمی شما را راهنمایی می کنم، ولی ...

برای افزودن یک فایل جاوا اسکریپت به قالب خودتان می توانید از روش زیر استفاده کنید (با فرضیات اینکه قالب شما protostar باشد.)

به پوشه زیر در قالب خودتان مطابق با مسیر زیر بروید:
کد:
```
templates/protostar/js
```
فایل جاوا اسکریپت خودتان (برای مثال فایلی با نام script.js) را در پوشه js بارگذاری نمایید.
فایل index.php در پوشه اصلی قالب خودتان با ویرایشگر متنی چون NotePad++ باز کنید.
برای قرار دادن فایل جاوا اسکریپت دو حالت بر اساس محل باربرداری وجود دارد:
1. قبل از تگ <body>
2. بعد از تگ </body>
پس از انتخاب یکی از محل های بالا، شما باید کد زیر را در آن قرار دهید:
کد:
```
$doc->addScript('templates/' . $this->template . '/js/script.js');
```