جی کوئی اموبائل تولی بار

جی کوئی اموبائل تولی بار

سر فریضہ اور پیچھلی لائحہ میں ایک بار یا دو بار استعمال کئے جانے والے عنصر کبھی کبھی لائحوں میں رکھے جاتے ہیں - تاکہ 'زیارت شدہ' ناویگیشن کا حصول ہوسکے:

تیتر لائحہ

پیچھلی لائحہ کبھی کبھی سر فریضہ/لوگو یا ایک سے دو بٹن شامل کرسکتا ہے (کبھی سربراہ، مواقع یا تحقیق بٹن میں کچھ).

آپ پیچھلی لائحہ میں کچھ طرف یا/اور کچھ طرف میں بٹن شامل کرسکتے ہیں۔

ینجا کا کوڈ پیچھلی لائحہ کی سر فریضہ کی تکس کچھ طرف میں ایک بٹن شامل کرسکتا ہے اور کچھ طرف میں ایک بٹن شامل کرسکتا ہے:

مثال

<div data-role="header">
  <a href="#" data-role="button">سربراہ</a>
  <h1> خوش آمدید میں کی سورجی سرور</h1>
  <a href="#" data-role="button">تحقیق</a>
</div>

خود کو کچھ کوشا جوئیئے

ینجا کا کوڈ پیچھلی لائحہ کی سر فریضہ کی کچھ طرف میں ایک بٹن شامل کرسکتا ہے:

<div data-role="header">
  <a href="#" data-role="button">سربراہ</a>
  <h1> خوش آمدید میں کی سورجی سرور</h1>
</div>

بھی، اگر آپ <h1> عناصر کے بعد میں بٹن لنکات رکھتے ہیں تو وہ تکس کے دکھائی نہیں دیتی ہیں۔ اگر آپ پیچھلی لائحہ کی سر فریضہ کی کچھ طرف میں بٹن اضافہ کرنا چاہتے ہیں تو کلاس نام "ui-btn-right" طے کریں:

مثال

<div data-role="header">
  <h1> خوش آمدید میں کی سورجی سرور</h1>
  <a href="#" data-role="button" class="ui-btn-right"> تحقیق</a>
</div>

خود کو کچھ کوشا جوئیئے

نکات:سر فریضہ میں ایک یا دو بٹن شامل کئے جاسکتے ہیں، لیکن پیچھلی لائحہ میں کوئی محدودیت نہیں ہے。

پیچھلی لائحہ

کم سرفارز کے مقابلے میں، پیچھلی لائحہ زیادہ قابل انعطاف ہوتی ہے - وہ زیادہ استعمالی اور کثیر شکل کی ہوتی ہے، لہذا وہ ضروری تعداد کا بٹن شامل کرسکتی ہے:

مثال

<div data-role="footer">
  <a href="#" data-role="button">به توئیتر ساینا انتقال دهید</a>
  <a href="#" data-role="button">به توئیتر تانگن انتقال دهید</a>
  <a href="#" data-role="button">به فضای خصوصی QQ انتقال دهید</a>
</div>

خود کو کچھ کوشا جوئیئے

توجه:استایل پاکتاب با سربرگ متفاوت است (در آن اندازه‌ی فضای داخلی و فضای خالی کاهش می‌یابد و دکمه‌ها در وسط قرار نمی‌گیرند). برای رفع این مشکل، نام کلاس "ui-btn" را در پاکتاب تنظیم کنید:

مثال

<div data-role="footer" class="ui-btn">

خود کو کچھ کوشا جوئیئے

شما همچنین می‌توانید انتخاب کنید که دکمه‌ها را در پاکتاب به صورت افقی یا عمودی ترکیب کنید:

مثال

<div data-role="footer" class="ui-btn">
  <div data-role="controlgroup" data-type="horizontal">
    <a href="#" data-role="button" data-icon="plus">به توئیتر ساینا انتقال دهید</a>
    <a href="#" data-role="button" data-icon="plus">به توئیتر تانگن انتقال دهید</a>
    <a href="#" data-role="button" data-icon="plus">به فضای خصوصی QQ انتقال دهید</a>
  </div>
</div>

خود کو کچھ کوشا جوئیئے

مکان‌گیری سربرگ و پاکتاب

روش‌های قرار دادن سربرگ و پاکتاب سه‌گانه هستند:

  • خطی - پیش‌فرض. سربرگ و پاکتاب در خط با محتوای صفحه قرار دارند.
  • ثابت - سربرگ و پاکتاب بر روی بالای و پایین صفحه باقی می‌مانند.
  • پورسزنتیوی - مشابه fixed; سربرگ و پاکتاب بر روی بالای و پایین صفحه باقی می‌مانند، but also over the page content. It is also slightly see-through

برای مکان‌گیری سربرگ و پاکتاب از ویژگی data-position استفاده کنید:

مکان‌گیری خطی (默认)

<div data-role="header" data-position="inline"</div>
<div data-role="footer" data-position="inline"</div>

خود کو کچھ کوشا جوئیئے

مکان‌گیری ثابت

<div data-role="header" data-position="fixed"</div>
<div data-role="footer" data-position="fixed"</div>

خود کو کچھ کوشا جوئیئے

اگر بخواهید که مکان‌گیری کامل را فعال کنید، از data-position="fixed" استفاده کنید و ویژگی data-fullscreen به عنصر اضافه کنید:

پورسزنتیوی

<div data-role="header" data-position="fixed" data-fullscreen="true"</div>
<div data-role="footer" data-position="fixed"> data-fullscreen="true"</div>

خود کو کچھ کوشا جوئیئے

نکات:fullscreen فلم، تصویر اور ویڈیو کے لئے بہت زیادہ مناسب ہوتا ہے。

نکات:fixed اور fullscreen لاجستیشن کے لئے، سکرین پر تاچ کرنا پیج کی سرور کپ اور پاٹر سائٹ کو پوشیدار کرے گا اور نمائش کردار کریگا。