قالب:صندوق مستخدم/شرح

من أرابيكا، الموسوعة الحرة
اذهب إلى التنقل اذهب إلى البحث

يمكن استخدام هذا القالب لإنشاء صندوق مستخدم بشكل سريع لعرضه على صفحة المستخدم دون الحاجة إلى معارف حول لغة توصيف النص الفائق (HTML) أو جداول ويكي.

قد لا يتم عرض الصور غير الحرة في صناديق المستخدمين، ويمكن أن تزال سريعاً من قبل أي محرر دون إشعار.

تذكير بالملعب

الاستعمال

{{صندوق مستخدم
| bodyclass = <!--يضيف سمة فئة HTML إلى جدول HTML للقالب بأكمله، للسماح بالتصميم، وانبعاث التنسيقات الدقيقة، إلخ..-->
| لون الحدود = <!--لون الحدود (افتراضي=id-c أو #999999)-->
| سمك الحدود = <!--سمك الحدود بالبكسل (افتراضي=1)-->
| float = <!--left|right|none (افتراضي=يسار)-->
| الصورة = <!--صورة أو نص (يجب ألا يتجاوز حجم الصورة عادة 90x45px)-->
| موضع الصورة = <!--المحاذاة الأفقية للصورة left/center/right/justify (افتراضي=وسط)-->
| لون خلفية الصورة = <!--لون خلفية الصورة (افتراضي=#DDDDDD)-->
| لون الصورة = <!--لون خط الصورة في حالة استعمال نص (افتراضي=info-fc أو أسود)-->
| ارتفاع الصورة = <!--ارتفاع الصورة بالبكسل (افتراضي=45)-->
| المسافة بين أسطر الصورة = <!--المسافة بين أسطر الصورة (افتراضي=1.25em)-->
| إعدادات أخرى للصورة = <!--إعدادات CSS أخرى للصورة-->
| حشوة الصورة = <!--حشوة الصورة (افتراضي=0 1px 0 0)-->
| حجم خط الصورة = <!--حجم خط الصورة (افتراضي=14)-->
| id-w = <!--عرض الصورة بالبكسل (افتراضي=45)-->
| info-class = <!--يضيف سمة فئة HTML إلى صف جدول HTML ''المعلومات'' (النص)، للسماح بالتصميم، وانبعاث التنسيقات الدقيقة، إلخ..-->
| النص = <!--معلومات النص أو صورة-->
| موضع النص = <!--المحاذاة الأفقية للنص left/center/right/justify (افتراضي=يمين)-->
| لون خلفية النص = <!--لون خلفية النص (افتراضي=#EEEEEE)-->
| لون النص = <!--لون خط النص (افتراضي=أسود)-->
| المسافة بين أسطر النص = <!--المسافة بين أسطر النص (افتراضي=1.25em)-->
| إعدادات أخرى للنص = <!--إعدادات CSS أخرى للنص-->
| حشوة النص = <!--حشوة النص (افتراضي=0 4px 0 4px)-->
| حجم خط النص = <!--حجم خط النص (افتراضي=10)-->
| لا تصنيف = <!--يمنع إضافة صفحة المستخدم لأي تصنيف (افتراضي=معطلة)-->
| تصنيف مستخدم = <!--تصنيف مستخدمين (اختياري، دون وصلة وبدون البادئة "تصنيف:")-->
| تصنيف مستخدم 2 = <!--تصنيف مستخدمين (اختياري)-->
| تصنيف مستخدم 3 = <!--تصنيف مستخدمين (اختياري)-->
| تصنيف مستخدم 4 = <!--تصنيف مستخدمين (اختياري)-->
| تصنيف مستخدم 5 = <!--تصنيف مستخدمين (اختياري)-->
}}
  • جميع المعلمات اختيارية..
  • يجب عادةً تغيير حجم الصور إلى x45px أو أقل.

تستخدم معظم الجداول المستندة إلى HTML عددًا قليلاً فقط من هذه السمات. يمكن استخدام المجموعة الفرعية التالية لتحويل مربع مستخدم HTML بسرعة إلى التنسيق المستخدم هنا: 

{{صندوق مستخدم
| لون الحدود = 
| الصورة = 
| لون خلفية الصورة = 
| لون الصورة = 
| حجم خط الصورة = 
| النص = 
| لون خلفية النص = 
| لون النص = 
| المسافة بين الأسطر = 
| حجم خط النص = 
}}

مثال بسيط

الكود النتيجة 
{{صندوق مستخدم
 |اسم القالب = مستخدم رجل
 |النص = هذا المستخدم رجل.
 |الصورة = [[ملف:Man.jpg|25px]]
}}
هذا المستخدم رجل.

مثال يستخدم بعض المتغيرات الإضافية

الكود النتيجة 
{{صندوق مستخدم
 |اسم القالب = مستخدم رجل
 |النص = هذا المستخدم رجل.
 |حجم خط النص = 14
 |لون النص = #001100
 |لون خلفية النص = #ffffff
 |الصورة = [[ملف:Symbol mars.svg|43px]]
 |لون خلفية الصورة = #dddddd
 |حجم خط الصورة = 14
 |لون الحدود = #999999
}}
هذا المستخدم رجل.

أمثلة توضيحية إضافية

الكود النتيجة 
{{صندوق مستخدم
| لون الحدود = #aaffaa
| سمك الحدود = 2
| الصورة = foo
| لون خلفية الصورة = #ffffee
| = 20
| النص = ''مثال عن نص''
| لون خلفية النص = #ffeeff
| حجم خط النص = 12
}}
fooمثال عن نص
يوضح المثال أدناه المظهر الافتراضي لصندوق المستخدم، والذي هو أعلى (بكثير) من 45 بكسل..
قارن حجم الصندوق أدناه بصندوق المستخدم أعلاه. 
{{صندوق مستخدم
| لون الحدود = #aaffaa
| سمك الحدود = 2
| الصورة = foo logo
| لون خلفية الصورة =#ffffee
| النص = ''نحاول أن نرى المسافة الافتراضية بين خطوط النص، انظر المسافة بين محتوى الخلية وحدودها، ونرى أيضًا الارتفاع الإجمالي.''
| لون خلفية النص = #ffeeff
}}
foo logo'نحاول أن نرى المسافة الافتراضية بين خطوط النص، انظر المسافة بين محتوى الخلية وحدودها، ونرى أيضًا الارتفاع الإجمالي.
يوضح المثال أدناه كيف يمكننا تغيير صندوق المستخدم هذا وتحديد المزيد من المعلمات لتقليل الارتفاع الإجمالي لصندوق المستخدم إلى الارتفاع الموصى به وهو 45 بكسل، حتى مع وجود أربعة أسطر نصية. "info-p" يمكن أيضًا تعيينه في "1pt 1pt 1pt 2pt", أو "1pt 2pt" لمظهر أفضل,
عندما يكون هناك 4 أسطر نصية. 
{{صندوق مستخدم
| لون الحدود = #aaffaa
| سمك الحدود = 1
| الصورة = foo logo
| لون خلفية الصورة = #ffffee
| المسافة بين أسطر الصورة = 1.1em
| حجم خط الصورة = 14
| النص = ''لدينا قيم محددة لتقليل المسافة بين سطور النص والمسافة المتروكة بينهما وبين محتوى الخلية وحدودها.''
| لون خلفية النص = #ffeeff
| المسافة بين أسطر النص = 1.05em
| حشوة النص = 1pt
| حجم خط النص = 10
}}
foo logoلقد حددنا قيمًا لتقليل المسافة بين سطور النص ومساحة الحشو بين محتوى الخلية وحدودها.
المثال أدناه للمستخدمين المتقدمين، يوضح كيف يمكننا تحديد خصائص CSS أخرى، على سبيل المثال ، "font-family",
لتغيير الخط أو "زخرفة النص" لإضافة أسطر حول النص. أدناه، على الجانب الأيمن يوجد نوعان من صناديق المستخدمين:
يُعرض الصندوق العلوي بدون أي من المعلمات؛ وصندوق المستخدم السفلي هو المعروض باستخدام الكود أدناه ،
بمساعدة المدخلة "إعدادات أخرى للنص". 
{{صندوق مستخدم
| لون الحدود = #afa
| سمك الحدود = 2
| الصورة = foo logo
| لون خلفية الصورة = #ffe
| المسافة بين أسطر الصورة = 1.1em
| حجم خط الصورة = 14
| النص = مثال عن نص
| لون خلفية النص = #fef
| إعدادات أخرى للنص = font-family: 'Courier New', monospace; text-decoration: wavy overline green;
| حجم خط النص = 14
}}
foo logoمثال عن نص

 
foo logoمثال عن نص

التنسيقات الدقيقة

bodyclass
يتم إدراج هذه المعلمة في سمة 'class' الخاصة بصندوق المستخدم ككل.
info-class
يتم إدراج هذه المعلمة في سمة 'class' لمكون المعلومات.

يدعم هذا القالب إضافة تنسيق ميكروفورمات. يتم ذلك عن طريق إضافة سمات 'class' إلى خلايا البيانات المختلفة، مما يشير إلى نوع المعلومات الموجودة بداخلها. لوضع علامة على صندوق مستخدم يحتوي على معلومات hCard [English] حول شخص، على سبيل المثال، أضف المعلمة التالية: 

| bodyclass = vcard

أو 

| info-class = vcard

بعد ذلك (على سبيل المثال): 

| title = …كتب المؤلف <span class="fn">[[إيان بانكس]]</span>

...وهكذا دواليك.

المثال يشمل:

بيانات القالب

هذا توثيق بيانات لهذا القالب، مستخدم بواسطة المحرر المرئي وأداة الترجمة والأدوات الأخرى.

بيانات قالب: «صندوق مستخدم»

يمكن استخدام هذا القالب لإنشاء صندوق مستخدم بشكل سريع لعرضه على صفحة المستخدم دون الحاجة إلى معارف حول لغة توصيف النص الفائق (HTML) أو جداول ويكي.

وسائط القالب[تحرير بيانات القالب]

هذا القالب يفضل التنسيق الرأسي للوسائط.

وسيطوصفنوعحالة
Body classbodyclass

Adds an HTML class attribute to the entire template's HTML table, to allow for styling, emission of microformats, etc.

نصاختياري
Floatfloat

left|right|none

القيم المقترحة
left right none
غيابي
left
نصاختياري
لون الحدودلون الحدود border-color border-c

لون الحدود الخارجية للقالب

غيابي
#999
نصاختياري
سمك الحدودسمك الحدود border-width border-s

سمك الحدود بالبكسل

غيابي
1
رقماختياري
الصورةالصورة 3 logo id

قد تكون صورة أو النص

محتوىمقترح
موضع الصورةموضع الصورة id-a

محاذاة أفقية لمحتوى الشعار؛ left/center/right/justify

القيم المقترحة
left center right justify
غيابي
center
نصاختياري
Logo background colorlogo-background

Background color of logo

غيابي
#ddd
نصاختياري
id-cid-c 1

Two-in-one alias for border color and logo background color. Lower priority than border-c and logo-background

مثال
#d0d0d0
نصاختياري
Logo font colorid-fc logo-color

Logo font color; if not specified, defaults to info font color

غيابي
black
نصاختياري
Logo heightid-h logo-height

Logo box height in pixels

غيابي
45
رقماختياري
Logo font sizeid-s 5 logo-size

Logo text size in points

غيابي
14
نصاختياري
Logo line heightid-lh logo-line-height

Logo line height

غيابي
1.25em
نصاختياري
Logo paddingid-p logo-padding

Logo cell padding

غيابي
0 1px 0 0
نصاختياري
Logo widthid-w logo-width

id box width in pixels

غيابي
45
رقماختياري
Logo CSS classesid-class

CSS class or classes for the logo; optional

غيابي
(none)
نصاختياري
Extra logo stylingid-op logo-other-param

Add additional arbitrary CSS styling to the logo

مثال
opacity: 0.25
نصاختياري
Infoinfo 4

info text or image

محتوىمطلوب
Info content horizontal alignmentinfo-a

Horizontal alignment of info content; left/center/right/justify

القيم المقترحة
left center right justify
غيابي
left
نصاختياري
Info background colorinfo-c 2 info-background

Info background color

غيابي
#e0e0e0
نصاختياري
Info font colorinfo-fc info-color

info font color

غيابي
black
نصاختياري
Info line heightinfo-lh info-line-height

Info line height

غيابي
1.25em
نصاختياري
Info paddinginfo-p info-padding

info padding

غيابي
0 4px 0 4px
نصاختياري
Info font sizeinfo-s info-size

info text size in points

غيابي
8
رقماختياري
Info CSS classesinfo-class

Adds an HTML class attribute to the "info" HTML table-row, to allow for styling, emission of microformats, etc.

نصاختياري
Extra info stylinginfo-op info-other-param

Add additional arbitrary CSS styling to the info

مثال
opacity: 0.25
نصاختياري
لا تصنيفلا تصنيف nocat

يمنع إضافة صفحة المستخدم لأي تصنيف

غيابي
معطل
نصاختياري
تصنيف مستخدمتصنيف مستخدم usercategory

تصنيف مستخدمين (اختياري)

نصمقترح
تصنيف مستخدم 2تصنيف مستخدم 2 usercategory2

تصنيف مستخدمين (اختياري)

نصاختياري
تصنيف مستخدم 3تصنيف مستخدم 3 usercategory3

تصنيف مستخدمين (اختياري)

نصاختياري
تصنيف مستخدم 4تصنيف مستخدم 4 usercategory4

تصنيف مستخدمين (اختياري)

نصاختياري
تصنيف مستخدم 5تصنيف مستخدم 5 usercategory5

تصنيف مستخدمين (اختياري)

نصاختياري


مجلوبة من «https://3rabica.org/index.php?title=قالب:صندوق_مستخدم/شرح&oldid=1141504»