PDA

View Full Version : نحوه ساخت این قسمت از سایت



salmah
یک شنبه 19 بهمن 1393, 11:31 صبح
اگر میشه نمونه یا نحوه ساخت "خدمات و سرویس های ما (http://www.pooyadv.ir/)" که در این سایت هست را لطفا کنید بگید

hossein_va
دوشنبه 20 بهمن 1393, 12:50 عصر
درباره پلاگین جی کوئری parallax جستجو کنید

salmah
چهارشنبه 22 بهمن 1393, 00:28 صبح
درباره پلاگین جی کوئری parallax جستجو کنید

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

ABZiko
چهارشنبه 22 بهمن 1393, 00:40 صبح
SuperScrolloroma
MagicScroll

Omid Jackson
چهارشنبه 22 بهمن 1393, 03:07 صبح
اگر منظورتون تغییر رنگ و چرخش و... هست که یک مثال زدم
http://jsfiddle.net/Blend_Design/hb3gdhg6/
با transition میتونین به حالت انیمیشن در بیارین و با hover هم برای زمانی که موس روی المنت قرار میگیره و یک جا نوشتم p:hover. یعنی وقتی رفت روی p یک جا نوشتم p:hover .c. این یعنی وقتی رفت روی p اون فرزندش که c هست تغییرات اعمال بشه
با یکم یادگیری CSS اینا آسون میشه براتون

ABZiko
چهارشنبه 22 بهمن 1393, 12:07 عصر
اگر منظورتون تغییر رنگ و چرخش و... هست که یک مثال زدم
http://jsfiddle.net/Blend_Design/hb3gdhg6/
با transition میتونین به حالت انیمیشن در بیارین و با hover هم برای زمانی که موس روی المنت قرار میگیره و یک جا نوشتم p:hover. یعنی وقتی رفت روی p یک جا نوشتم p:hover .c. این یعنی وقتی رفت روی p اون فرزندش که c هست تغییرات اعمال بشه
با یکم یادگیری CSS اینا آسون میشه براتون
اون وقت اگر صفحه اسکرول بخوره و بعدش یک سری انیمیشن اجرا بشه، چطور می شه؟؟:چشمک:

Omid Jackson
چهارشنبه 22 بهمن 1393, 15:05 عصر
اون وقت اگر صفحه اسکرول بخوره و بعدش یک سری انیمیشن اجرا بشه، چطور می شه؟؟:چشمک:

عزیز من قضیه پارالاکس چیز دیگست
شما بازی ساختین؟ این شیوه برای بازی سازیه که توی طراحی سایت به کار میبرن
نمونش بازی سوپر ماریو، قسمت ها به صورت لایه لایه هست که با حرکت و به نسبت اون فاصله که دارن موقعیت ها تغییر میکنن، اینجا هم که به این شیوه شما میگین پارالاکس برا این هست که اجزا به صورت لایه هست که با اسکرول حرکت نمیکنن فقط با جی کوئری گفتن هروقت صفحه اسکرول خورد (ایونت) و فاصله داکیومنت از بالا و اون دیو نسبت به فاصله اش از بالا تو یه موقعیت خاص قرار گرفتن انیمیشن اجرا شه (لطفا قبل از اینکه بخوای غلط بگیری یکم مطالعاتتو ببر بالا)
خیلی قبل تر از عضویت شما راجع به boy-coy.com بحث شد (پارالاکس) و سوال راجع به smooth scroll بود که جواب دادم پس نیاز نیس شما بگین که پارالاکس چیه:چشمک:
برا اینکه اونو درک کنین دو تا مثال میزنم
به این میگن پارالاکس چون با حرکت موس اجزا نسبت به حرکت موس تغییر مکان میدن که تو خیلی از سایت ها دیدین:
https://jsfiddle.net/Blend_Design/9wtpb3th/embedded/result/
به این نمیگن پارالاکس (شاید یه جورایی بشه گفت ولی دقیقا پارالاکس نیست):
https://jsfiddle.net/Blend_Design/dat3ojte/embedded/result/

به نظر من خود شما اول نیاز دارین آموزش ببینین بعد آموزش بدین

ABZiko
چهارشنبه 22 بهمن 1393, 17:31 عصر
حالا برای چی قاطی می کنی؟:قهقهه: اولا لحن صحبت رو درست کن، من به کسی آموزشی ندادم(چون ادعام مثل تو نیست)، بعدشم، اگر همین پلاگین هایی رو که اسمش رو گذاشتم به خودت یک زحمت بدی بری نگاه کنی می بینی که همین هست که استارتر می خوان، به محض اینکه قسمت صفحه به خدمات می رسه، یک افکت Fade به بخش ها اعمال می شه، یعنی تو هم می خوای بگی که از خارجی ها بیشتر بارت هست، شما توی اولین پستت نوشتی که وقتی یک عنصر هاور شد و با transition و ... که اصلا ربطی نداره، توی سایتی که ایشون گفتن ، پس از اسکرول خوردن، یک سری عناصر نمایش داده می شن مثل این سایت :
http://www.awwwards.com/20-best-websites-with-parallax-scrolling-of-2013.html
مورداش رو نگاه کن یاد بگیر.

Omid Jackson
چهارشنبه 22 بهمن 1393, 18:22 عصر
حالا برای چی قاطی می کنی؟:قهقهه: اولا لحن صحبت رو درست کن، من به کسی آموزشی ندادم(چون ادعام مثل تو نیست)، بعدشم، اگر همین پلاگین هایی رو که اسمش رو گذاشتم به خودت یک زحمت بدی بری نگاه کنی می بینی که همین هست که استارتر می خوان، به محض اینکه قسمت صفحه به خدمات می رسه، یک افکت Fade به بخش ها اعمال می شه، یعنی تو هم می خوای بگی که از خارجی ها بیشتر بارت هست، شما توی اولین پستت نوشتی که وقتی یک عنصر هاور شد و با transition و ... که اصلا ربطی نداره، توی سایتی که ایشون گفتن ، پس از اسکرول خوردن، یک سری عناصر نمایش داده می شن مثل این سایت :
http://www.awwwards.com/20-best-websites-with-parallax-scrolling-of-2013.html
مورداش رو نگاه کن یاد بگیر.

من پست شما رو اشتباه متوجه شدم با اینکه چند بار خوندم، توی پست اول گفتم اگر منظورشون اون هست، برای اون هم مثال زدم توی پست دوم
اینجا هم تاپیک کل کل نیست بخوایم کل کل کنیم و جای اینکه پلاگین معرفی کنین بهتره راه و روش رو یاد بدین
به ویکی پدیا هم سر بزنین بد نیست (انگلیسی)

ABZiko
چهارشنبه 22 بهمن 1393, 18:29 عصر
نه جان من بیا کل کل کنیم، خوبه اول خودتون شروع کردین، بنده به این خاطر اومدم پلاگین معرفی کردم، برای اینکه پلاگین این کار ها رو داره انجام می ده دیگه چه نیازی هست که بیایم دوباره این ها رو بنویسیم راه و روشش هم که ت.ی خودش گفته تازه این پستم مربوط به پست hossein_va (http://barnamenevis.org/member.php?234427-hossein_va) هستش. منظورتون رو درباره ویکی پدیا متوجه نشدم ، واضح تر بگید.

دانیال دزفولی
چهارشنبه 22 بهمن 1393, 19:19 عصر
و در آخر صلوات میفرستیم :لبخند:

اللهم صلی علی محمد وآل محمد

نیکی کردن به پدر و مادر، بر جای جهاد می نشیند. پیامبر اکرم (ص)