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

 

codenama.ir-buttons-demo

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

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

مشاهده

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

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

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

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

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

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

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

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

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

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

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

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

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

ابوالفضل

ابوالفضل هستم علاقه مند به برنامه نویسی اندروید ، طراحی وب و گرافیک

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

پاسخ دهید

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

1 + پنج =