قالب:صندوق مستخدم: الفرق بين النسختين
| [نسخة منشورة] | [نسخة منشورة] |
تم حذف المحتوى تمت إضافة المحتوى
لا ملخص تعديل |
لا ملخص تعديل وسم: تعديل مصدر 2017 |
||
| سطر 1: | سطر 1: | ||
{{#invoke:صندوق مستخدم|userbox}}<noinclude> |
|||
<div style="float:{{{float|left}}}; border:{{{border-width|{{{border-s|1}}}}}}px solid {{{لون الحدود|{{{border-color|{{{1|{{{border-c|{{{id-c|#999}}}}}}}}}}}}}}}; margin:1px;" class="wikipediauserbox"> |
|||
{{توثيق}} |
|||
{| cellspacing="0" style="width:238px; background:{{{لون خلفية النص|{{{info-background|{{{2|{{{info-c|#EEE}}}}}}}}}}}};" |
|||
<!-- Categories go on the /doc subpage, and interwikis go on Wikidata. --> |
|||
| style="width:{{{logo-width|{{{id-w|45}}}}}}px; height:{{{logo-height|{{{id-h|45}}}}}}px; background:{{{لون خلفية الصورة|{{{logo-background|{{{1|{{{id-c|#DDD}}}}}}}}}}}}; text-align:center; font-size:{{{حجم خط الصورة|{{{logo-size|{{{5|{{{id-s|10}}}}}}}}}}}}pt; color:{{{logo-color|{{{id-fc|black}}}}}}; padding:{{{logo-padding|{{{id-p|1pt}}}}}}; line-height:{{{logo-line-height|{{{id-lh|1.25em}}}}}}; {{{logo-other-param|{{{id-op|}}}}}}" | '''{{{الصورة|{{{logo|{{{3|{{{id|الصورة}}}}}}}}}}}}''' |
|||
</noinclude> |
|||
| style="font-size:{{{حجم خط النص|{{{info-s|8}}}}}}pt; padding:{{{info-padding|{{{info-p|4pt}}}}}}; line-height:{{{info-line-height|{{{info-lh|1.25em}}}}}}; color:{{{لون النص|{{{info-fc|black}}}}}}; {{{info-other-param|{{{info-op|}}}}}}" | {{{النص|{{{info|{{{4|{{{info|''النص''}}}}}}}}}}}} |
|||
</div><noinclude> |
|||
=== مثال === |
=== مثال === |
||
نسخة 19:48، 14 أبريل 2023
{{{النص}}} |
توثيق القالب[عرض] [عدّل] [تاريخ] [محو الاختزان] [استخدامات] | هذا القالب يستعمل لوا: |
 | هذا القالب مستخدم في عدد كبير من الصفحات (+10469) . لتفادي خلق بلبلة على نطاق واسع من الصفحات وزيادة الأعباء على الخوادم، يجب تجربة أي تعديل في هذه الصفحات الفرعية /ملعب أو /تجربة أو في ملعبك. بعدها يمكنك اضافة التعديلات دفعة واحدة، ورجاءً، لا تنسَ مناقشة أمر التعديلات أوّلًا قبل القيام بها. |
يمكن استخدام هذا القالب لإنشاء صندوق مستخدم بشكل سريع لعرضه على صفحة المستخدم دون الحاجة إلى معارف حول لغة توصيف النص الفائق (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
|الصورة = [[ملف:Mars symbol (heavy dark blue).svg|43px]]
|لون خلفية الصورة = #dddddd
|حجم خط الصورة = 14
|لون الحدود = #999999
}} |
| ||
.svg){kind=small}
أمثلة توضيحية إضافية
| الكود | النتيجة | |||||
|---|---|---|---|---|---|---|
{{صندوق مستخدم
| لون الحدود = #aaffaa
| سمك الحدود = 2
| الصورة = foo
| لون خلفية الصورة = #ffffee
| = 20
| النص = ''مثال عن نص''
| لون خلفية النص = #ffeeff
| حجم خط النص = 12
}} |
| |||||
| يوضح المثال أدناه المظهر الافتراضي لصندوق المستخدم، والذي هو أعلى (بكثير) من 45 بكسل.. قارن حجم الصندوق أدناه بصندوق المستخدم أعلاه. | ||||||
{{صندوق مستخدم
| لون الحدود = #aaffaa
| سمك الحدود = 2
| الصورة = foo logo
| لون خلفية الصورة =#ffffee
| النص = ''نحاول أن نرى المسافة الافتراضية بين خطوط النص، انظر المسافة بين محتوى الخلية وحدودها، ونرى أيضًا الارتفاع الإجمالي.''
| لون خلفية النص = #ffeeff
}} |
| |||||
| يوضح المثال أدناه كيف يمكننا تغيير صندوق المستخدم هذا وتحديد المزيد من المعلمات لتقليل الارتفاع الإجمالي لصندوق المستخدم إلى الارتفاع الموصى به وهو 45 بكسل، حتى مع وجود أربعة أسطر نصية. "info-p" يمكن أيضًا تعيينه في "1pt 1pt 1pt 2pt", أو "1pt 2pt" لمظهر أفضل, عندما يكون هناك 4 أسطر نصية. | ||||||
{{صندوق مستخدم
| لون الحدود = #aaffaa
| سمك الحدود = 1
| الصورة = foo logo
| لون خلفية الصورة = #ffffee
| المسافة بين أسطر الصورة = 1.1em
| حجم خط الصورة = 14
| النص = ''لدينا قيم محددة لتقليل المسافة بين سطور النص والمسافة المتروكة بينهما وبين محتوى الخلية وحدودها.''
| لون خلفية النص = #ffeeff
| المسافة بين أسطر النص = 1.05em
| حشوة النص = 1pt
| حجم خط النص = 10
}} |
| |||||
| المثال أدناه للمستخدمين المتقدمين، يوضح كيف يمكننا تحديد خصائص CSS أخرى، على سبيل المثال ، "font-family", لتغيير الخط أو "زخرفة النص" لإضافة أسطر حول النص. أدناه، على الجانب الأيمن يوجد نوعان من صناديق المستخدمين: يُعرض الصندوق العلوي بدون أي من المعلمات؛ وصندوق المستخدم السفلي هو المعروض باستخدام الكود أدناه ، بمساعدة المدخلة "إعدادات أخرى للنص". | ||||||
{{صندوق مستخدم
| لون الحدود = #afa
| سمك الحدود = 2
| الصورة = foo logo
| لون خلفية الصورة = #ffe
| المسافة بين أسطر الصورة = 1.1em
| حجم خط الصورة = 14
| النص = مثال عن نص
| لون خلفية النص = #fef
| إعدادات أخرى للنص = font-family: 'Courier New', monospace; text-decoration: wavy overline green;
| حجم خط النص = 14
}} |
| |||||
التنسيقات الدقيقة
- 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
| نص | اختياري |
| لون الحدود | لون الحدود border-color border-c | لون الحدود الخارجية للقالب
| نص | اختياري |
| سمك الحدود | سمك الحدود border-width border-s | سمك الحدود بالبكسل
| رقم | اختياري |
| الصورة | الصورة 3 logo id | قد تكون صورة أو النص | محتوى | مقترح |
| موضع الصورة | موضع الصورة id-a | محاذاة أفقية لمحتوى الشعار؛ left/center/right/justify
| نص | اختياري |
| Logo background color | logo-background | Background color of logo
| نص | اختياري |
| id-c | id-c 1 | Two-in-one alias for border color and logo background color. Lower priority than border-c and logo-background
| نص | اختياري |
| Logo font color | id-fc logo-color | Logo font color; if not specified, defaults to info font color
| نص | اختياري |
| Logo height | id-h logo-height | Logo box height in pixels
| رقم | اختياري |
| Logo font size | id-s 5 logo-size | Logo text size in points
| نص | اختياري |
| Logo line height | id-lh logo-line-height | Logo line height
| نص | اختياري |
| Logo padding | id-p logo-padding | Logo cell padding
| نص | اختياري |
| Logo width | id-w logo-width | id box width in pixels
| رقم | اختياري |
| Logo CSS classes | id-class | CSS class or classes for the logo; optional
| نص | اختياري |
| Extra logo styling | id-op logo-other-param | Add additional arbitrary CSS styling to the logo
| نص | اختياري |
| Info | info 4 | info text or image | محتوى | مطلوب |
| Info content horizontal alignment | info-a | Horizontal alignment of info content; left/center/right/justify
| نص | اختياري |
| Info background color | info-c 2 info-background | Info background color
| نص | اختياري |
| Info font color | info-fc info-color | info font color
| نص | اختياري |
| Info line height | info-lh info-line-height | Info line height
| نص | اختياري |
| Info padding | info-p info-padding | info padding
| نص | اختياري |
| Info font size | info-s info-size | info text size in points
| رقم | اختياري |
| 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
| نص | اختياري |
| لا تصنيف | لا تصنيف nocat | يمنع إضافة صفحة المستخدم لأي تصنيف
| نص | اختياري |
| تصنيف مستخدم | تصنيف مستخدم usercategory | تصنيف مستخدمين (اختياري) | نص | مقترح |
| تصنيف مستخدم 2 | تصنيف مستخدم 2 usercategory2 | تصنيف مستخدمين (اختياري) | نص | اختياري |
| تصنيف مستخدم 3 | تصنيف مستخدم 3 usercategory3 | تصنيف مستخدمين (اختياري) | نص | اختياري |
| تصنيف مستخدم 4 | تصنيف مستخدم 4 usercategory4 | تصنيف مستخدمين (اختياري) | نص | اختياري |
| تصنيف مستخدم 5 | تصنيف مستخدم 5 usercategory5 | تصنيف مستخدمين (اختياري) | نص | اختياري |
مثال
{{مستخدم
|اسم القالب = مستخدم رجل
|النص = هذا المستخدم رجل.
|الصورة = [[ملف:Man.jpg|43px]]
}}
مثال يستخدم جميع المتغيرات
{{مستخدم
|اسم القالب = مستخدم رجل
|النص = هذا المستخدم رجل.
|حجم خط النص = 14
|لون النص = #b2c6f7
|لون خلفية النص = #ffffff
|الصورة = [[ملف:Symbol mars.svg|43px]]
|لون خلفية الصورة = #dddddd
|حجم خط الصورة = 14
|لون الحدود = #999999
}}
مستخدم متعدد خطأ: لم يُحدّد اسم المستخدم (مساعدة).