تشغيل مقطع بعرض الشاشة الكامل.

تعلّم DXPR Builderبناء الصفحاتتنسيق العناصرأدلة التصميم

يمكنكم ترك محتوى مقطع يمتد من حافة إلى حافة، أو إبقائه محصورًا في الوسط بينما تملأ الخلفية النافذة. يقرّر ذلك مفتاح واحد على المقطع: العرض الكامل. يبني المثال مقطعًا رماديًا بثلاثة أعمدة، ثم يشغّل العرض الكامل فتمتد الأعمدة. ولتعبئات الألوان والصور، انظر الخلفيات.

يبني الفيديو مقطعًا رماديًا ب3 أعمدة، ثم يترك محتواه يمتد من حافة إلى حافة.

بناء مقطع محصور

  1. انقروا إضافة عناصر في منطقة المحتوى الفارغة واختاروا مقطعًا من تبويب التخطيط.
  2. حوّموا فوق المقطع وافتحوا المزيد واختاروا الإعدادات.
  3. افتحوا لوحة النمط واختاروا خلفية رمادية فاتحة.
  4. انقروا حفظ. فالرمادي يمتد أصلًا عبر النافذة.
  5. انقروا + على المقطع واختاروا صفًا.
  6. انقروا أيقونة الشبكة على الصف واختاروا البلاطة ذات الأعمدة الثلاثة المتساوية وانقروا حفظ.
  7. في كل عمود، انقروا + واختاروا نصًا من تبويب المحتوى واكتبوا عنوانًا من المستوى 4 وسطرًا وانقروا حفظ.

تجلس الأعمدة الثلاثة الآن في صندوق متمركز على الشريط الرمادي.

تشغيل العرض الكامل

  1. افتحوا المزيد على المقطع واختاروا الإعدادات.
  2. في لوحة عام، شغّلوا العرض الكامل.
  3. انقروا حفظ.
  4. انقروا حفظ على شريط أدوات DXPR Builder.
  5. افتحوا قائمة العرض، أيقونة العين على شريط الأدوات، واختاروا معاينة.

ما الذي ترونه

يبدو الشريط الرمادي كما قبل. ولم يتغير إلا صندوق المحتوى: فيبدأ العمود الأول الآن عند الحافة اليسرى للمقطع وينتهي الأخير عند الحافة اليمنى.

يحمل كل مقطع جزأين: عنصر خارجي يحمل الخلفية، وصندوق داخلي يحمل الصفوف. ولا يغيّر العرض الكامل إلا الصندوق الداخلي. فمغلقًا، يكون متمركزًا بعرض أقصى؛ ومشغّلًا، يمتد إلى حواف المقطع.

الإعدادات

تحمل لوحة عام الخاصة بالمقطع ثلاثة مفاتيح تخطيط، كلها مغلقة افتراضيًا:

الإعداد ما يفعله
العرض الكامل تملأ الصفوف المقطع من حافة إلى حافة بدل صندوق متمركز
ارتفاع 100% يكون المقطع على الأقل بطول نافذة المتصفح
توسيط عمودي تجلس الصفوف في الوسط العمودي للمقطع

لا تحمل الصفوف إعداد عرض خاصًا بها؛ فالمقطع يقرّر.

نمطان

  • خلفية من حافة إلى حافة ونص محصور: البطل الشائع. اتركوا العرض الكامل مغلقًا واضبطوا الخلفية في لوحة النمط أو مؤثرات الخلفية.
  • محتوى من حافة إلى حافة: شريط بطاقات أو صور. شغّلوا العرض الكامل وامنحوا الأعمدة بعض الحشوة إذا كان النص قريبًا جدًا من حافة النافذة.

إذا لم تروا التغيير

  • لا شيء يتغير عند تشغيل العرض الكامل. على شاشة ضيقة، مثل الهاتف، تملأ النسخة المحصورة العرض أصلًا. وسّعوا نافذة المتصفح وانظروا مجددًا.
  • تتوقف الخلفية قبل حواف النافذة. يضع قالبكم محتوى الصفحة في منطقة محصورة، ولا يستطيع المقطع إلا ملء تلك المنطقة. اختاروا تخطيط صفحة أو منطقة بعرض كامل في قالبكم.
  • يلمس النص حافة النافذة. ذلك ما يفعله العرض الكامل. أضيفوا حشوة في لوحة النمط الخاصة بالأعمدة، أو اتركوا العرض الكامل مغلقًا.

ما الخطوة التالية؟