ایجاد دکمه مراحل سفارش

[Mohammad Javad 54]

سلام

ابن سایت رو ببینین

وقتی موس روی صفحه میاد بالا سمت چپ یه دکمه برای

مراحل سفارش

باز میشه

کد اومدن دکمه چیه؟

[Morteza 34190]

چیز خاصی نیست

میتونید با تابع slide در جی کوئری نمایش رو درست کنید

اون حالت لاین باکس هم با lightbox و fancybox قابل اجراست

پ.ن:

جالبه گروهی که طراحی پوسته وردپرس میکنه سایتش با وردپرس نیست!

[Mohammad Javad 54]

تشکر

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

فقط اون تابع slide چجوریه؟ کدهای جی کوئری رو قرار بدین

تشکر

ویرایش شده آذر 92 توسط Mohammad Javad

[Parsa 23463]

اگر فقط دکمه را میخواهید

باید یک دکمه را فیکس کنید

نمونه

[Mohammad Javad 54]

تشکر

اره من فقط دکمه رو می خوام

یعنی میخوام وقتی موس میاد روی صفحه اصلی دکمه بیاد بیرون

[Parsa 23463]

برای طرح کلید

http://designmodo.com/3d-css3-button/

http://www.hongkiat.com/blog/css3-button-tutorials/

[Mohammad Javad 54]

دستت درد نکنه

حالا چکار کنم وقتی موس اومد روی صفحه اصلی این دکمه از سمت راست بیاد سمت چپ مثل همون سایت

[Parsa 23463]

بررسی کنید موس برروی body باشد

http://www.w3schools.com/jquery/event_mouseover.asp

و با انیمیشن محل دکمه را تغییر دهید

http://viralpatel.net/blogs/understanding-jquery-animate-function/

[Mohammad Javad 54]

تشکر

لطفا کدهاش رو قرار بده

نتونستم درست کنم

[Parsa 23463]

کدها در همون صفحات هستند

[Mohammad Javad 54]

کد ها رو دیدم ولی نتونستم در سایت به کار ببرم

الان اون کد ها رو در کدو قسمت سایت بگذارم؟

[Parsa 23463]

این فقط یک نمونه هست

استایل:

#order-steps {
    position: fixed;
    top: 25px;
    right: -1000px;
    transition: all .2s;
}
body:hover #order-steps {
    right: 30px;
}

html:

<a href="javascript:void(0);" id="order-steps" class="button yellow" target="_self">مشاهده مراحل سفارش</a>