*/ آخرین ارسال های انجمن */

کد آماده جی کوئری موبایل دکمه های آیکون دار

 

codenama.ir-buttons-demo

سلام.توی پست قبلی کد آماده جی کوئری موبایل در رابطه با دو تا دکمه برای صفحه وب گذاشته بودم که با استفاده از اون میشد دوتا دکمه رو با دو طرح مختلف به صفحه اضافه کرد و این بار هم کدهایی در رابطه با چند دکمه جی کوئری موبایل آماده کردم که کنارشون آیکون هایی با شکل های مختلف هست که استفاده های خودشو داره.

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

مشاهده

برای این که این دکمه به درستی به نمایش در بیاد باید از دو فایل جی کوئری موبایل(یکی CSS و یکی JS)و فایل جی کوئری موبایل توی صفحتون استفاده شده باشن یعنی یک چیز شبیه این:

البته برای این سه تا فایل توی کد بالا از سایت code.jquery.com استفاده شده که میتونید شما از هاست مورد نظر خودتون استفاده کنید.

کد های قسمت های پایین باید  توی تگ div که مقدار data-role اون page هست باشن.

یعنی مثل این کد:

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

کد آماده برای دکمه اول

کد آماده برای دکمه دوم

کد آماده برای دکمه سوم

کد آماده برای دکمه چهارم

بجای عبارت های star- alert – back و gear میتونید متن مورد نظر خودتون رو بذارید و بجای # آدرس مورد نظرتون.

توضیحات اضافی

این قسمت برای نمایش آیکون توی قسمت راست دکمه هست:

و این هم برای اسم آیکون نمایشی هست:

مدیر

سلام ابوالفضل هستم و خرداد ۹۴ اولین پست رو ارسال کردم.سعی میکنم توسایت معمولا مطالبی با موضوع کد و گرافیک منتشر کنم. نظراتتون رو درمورد سایت میتونید از طریق قسمت تماس با ما با بهم بگید. به امید پیشرفت بیشتر :)

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

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *