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

{{{النص}}}

توثيق القالب[عرض] [عدّل] [تاريخ] [محو الاختزان] [استخدامات]

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

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

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

• دائمًا استخدم وجرب تعديلاتك في قالب:صندوق مستخدم/ملعب أو قالب:صندوق مستخدم/مختبر
• بمجرد أن تتأكد أن تعديلاتك سليمة: انسخ الكود الخاص بك!
• لإنشاء صندوق مستخدم جديد استعمل نطاق صفحة مستخدم:صندوق مستخدم
  • أمثلة:
  • غير http://ar.wikipedia.org/wiki/مستخدم:صندوق مستخدم
  • إلى https://ar.wikipedia.org/wiki/مستخدم:صندوق مستخدم/(أيا كان اسم قالب المستخدم الذي اخترته)
  • إذا كان اسم القالب الذي اخترته مستخدما بالفعل فاختر اسما مغايرا (لكن دائماً تأكد من أن القالب التي تنوي إنشاءه غير موجود بالفعل).
• سيُطلب منك بدء إنشاء قالب صندوق المستخدم الجديد!
• قم بلصق الكود الخاص بك في المساحة الفارغة.

الاستعمال

{{صندوق مستخدم
| 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 حول شخص، على سبيل المثال، أضف المعلمة التالية:

| bodyclass = vcard

أو

| info-class = vcard

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

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

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

المثال يشمل:

• {{مستخدم:صندوق مستخدم/مستخدم إيان بانكس}} - شخص

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

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

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

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

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

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

وسيط		وصف	نوع	حالة
Body class	bodyclass	Adds an HTML class attribute to the entire template's HTML table, to allow for styling, emission of microformats, etc.	نص	اختياري
Float	float	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 color	logo-background	Background color of logo غيابي #ddd	نص	اختياري
id-c	id-c 1	Two-in-one alias for border color and logo background color. Lower priority than border-c and logo-background مثال #d0d0d0	نص	اختياري
Logo font color	id-fc logo-color	Logo font color; if not specified, defaults to info font color غيابي black	نص	اختياري
Logo height	id-h logo-height	Logo box height in pixels غيابي 45	رقم	اختياري
Logo font size	id-s 5 logo-size	Logo text size in points غيابي 14	نص	اختياري
Logo line height	id-lh logo-line-height	Logo line height غيابي 1.25em	نص	اختياري
Logo padding	id-p logo-padding	Logo cell padding غيابي 0 1px 0 0	نص	اختياري
Logo width	id-w logo-width	id box width in pixels غيابي 45	رقم	اختياري
Logo CSS classes	id-class	CSS class or classes for the logo; optional غيابي (none)	نص	اختياري
Extra logo styling	id-op logo-other-param	Add additional arbitrary CSS styling to the logo مثال opacity: 0.25	نص	اختياري
Info	info 4	info text or image	محتوى	مطلوب
Info content horizontal alignment	info-a	Horizontal alignment of info content; left/center/right/justify القيم المقترحة left center right justify غيابي left	نص	اختياري
Info background color	info-c 2 info-background	Info background color غيابي #e0e0e0	نص	اختياري
Info font color	info-fc info-color	info font color غيابي black	نص	اختياري
Info line height	info-lh info-line-height	Info line height غيابي 1.25em	نص	اختياري
Info padding	info-p info-padding	info padding غيابي 0 4px 0 4px	نص	اختياري
Info font size	info-s info-size	info text size in points غيابي 8	رقم	اختياري
Info CSS classes	info-class	Adds an HTML class attribute to the "info" HTML table-row, to allow for styling, emission of microformats, etc.	نص	اختياري
Extra info styling	info-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	تصنيف مستخدمين (اختياري)	نص	اختياري

التوثيق في الأعلى مضمن من قالب:صندوق مستخدم/شرح. (عدّل | تاريخ)
يمكن للمحررين تجريب تعديلاتهم على القالب في صفحات ملعب (عدّل | فرق) ومختبر (أنشئ).
من فضلك أضف التصنيفات في الصفحة الفرعية للقالب /شرح. الصفحات الفرعية لـ قالب.