Author

Topic: [BBcode] سلسلة تعلم ★ كيف تصنع توقيع ★ | تحديث 1/2/2018 (Read 1783 times)

newbie
Activity: 24
Merit: 0
الله يجزاك الخير تابع اخي
jr. member
Activity: 60
Merit: 2
jr. member
Activity: 60
Merit: 2
jr. member
Activity: 168
Merit: 2
شكرا لمجهودك في الشرح
jr. member
Activity: 60
Merit: 2
شكرا علي المعلومات
jr. member
Activity: 168
Merit: 2
شكرا ع المعلومات وعلي مجهودك في الشرح
jr. member
Activity: 168
Merit: 2
شكرااااااا جزيلا للتوضيح
newbie
Activity: 4
Merit: 0
شكرا علي المعلومات القيمة
brand new
Activity: 0
Merit: 0
اشكرك من صميم القلب.. النفوس الكريمة فقط هي من تسعى لافادة الاخرين بعلومها وخبراتها المكتسبة وبدون مقابل.. جزيل الشكر والامتنان لك اخي العزيز .
newbie
Activity: 15
Merit: 0
brand new
Activity: 0
Merit: 0
newbie
Activity: 140
Merit: 0
brand new
Activity: 0
Merit: 0
brand new
Activity: 0
Merit: 0
brand new
Activity: 0
Merit: 0
sr. member
Activity: 1246
Merit: 306
member
Activity: 448
Merit: 20
مواضيع التعلم من الموضوع المفيدة والجميلة بشكل ما
فقط للتوضيح قد يتساءل البعض ما قيمة تعلم عمل توقيع
وكلنا يشارك في حملات التوقيع ؟

اولا العلم في حد ذاته هدف
ثانيا ان تتعلم تصميم التواقيع قد يجعلك مصمم محترف لتوقيعات مشاريع
ICO
استمر اخي بارك الله فيك
member
Activity: 182
Merit: 25
Bitcoin=Decentralization+ Consensus+High sec=TRUST
لما نوصل المرحلة اللي حيسمح لنا فيها بصناعة توقيع حنسأل عن هذا الموضوع...اظن اني مازلت بعيدا عن هذه المرحله ههه
jr. member
Activity: 130
Merit: 1
درس طال انتظاره ,بحثت في المواقع عن كيفية انشاء توقيع دون جدوى, انا متشوق لشرحك و احييك على مجهودك 
newbie
Activity: 22
Merit: 0
جزيل الشكر بارك الله قيك وفى والديك
newbie
Activity: 76
Merit: 0
شكرا اخي علي المعلومات القيمة ولكن لدي سؤال عن  كيفية الربح من التوقيع بالنسبة للحملات ارجو الايضاح
jr. member
Activity: 77
Merit: 1
لقد ذكرت كل المعلومات التى قد تساعد اى شخص فى وضع توقيع جيد وبطريقة منظمة ومنسقة جدا 
تستحق كل تقدير واحترام اخى  بارك الله فيك
newbie
Activity: 42
Merit: 0
شكرا ليك على الشرح
jr. member
Activity: 98
Merit: 3
Staker.network - POS Smart Contract ETH Token
موضوع جيد
 أتمن أن تشرح لنا كيفية ترقية الحساب دون أن نخسر حساباتنا وشكراً
newbie
Activity: 140
Merit: 0
شكرا على الشرح لكن ما فهمت كيف اقوم باضافة التوقيع
و هل هو ثابت او يجب وضعة مع كل كومنت ؟
newbie
Activity: 94
Merit: 0
شكرا اخوي لكن ما فائدة التوقيع؟؟
اولا ديكور ثانيا هنالك باونتي يمكن كسبه من خلال التوقيع فقط. 
newbie
Activity: 34
Merit: 0
ماهو التوقيع ؟ في ماذا نستعمله ؟ وماذا نستفيد منه ؟ عفواً أنا عضوٌ جديد هل يمكن الاجابت عن هذه الأسئلة
newbie
Activity: 34
Merit: 0
اول موضوع يشرح النفس وشيء جميل
jr. member
Activity: 91
Merit: 2

مشكور اخي الكريم لدي بعض الاسئلة سأطرحها بإذن الله بعد  ان اكمل بقية الدروس لعلي القى اجابة بعض الاسئلة..
newbie
Activity: 38
Merit: 0
موضوع جميل وشرح رائع ..من فضلك عندي سؤال : عندما أضع التوقيع لا أستطيع النقر على الموقع و إنما يظهر بالابيض و الأسود على شكل جمل
newbie
Activity: 18
Merit: 0
موضوع جيد شكراا لك اتمنى ان نرى دروسا مثلها والشكر ايضا للذين علقو وافادونا لدي سؤال عن اهمية التوقيع وبماذا يفيد حسابك وشكراا مقدما
legendary
Activity: 2702
Merit: 4002
رسم الاشكال باستخدام لغة ال BBcode هو واحد من اصعب الاشياء في التصميم وهو الشي الذي يفرق بين مصمم واخر.
تذكر ان لغة الbbcode ليس منصة تعمل علي كل المتصفحات بمعني ان النتائج سوف تكون مختلفة من متصفح لاخر وعموما فانة للحصول علي افضل النتائج يرجي اتباع الاتي:

يفضل استخدام pt بدلا من px لانه يعطي تكبير ممتاز لكل المتصفحات
يفضل استخدام 2 pt او 2px بقدر الامكان

يفضل استخدام  "▂▃▄▅▆▇█▓▒░▌▬▐  ▂ ▃" وانا افضل ▓
الخط من عائلة Monospace يعطي شكل افضل لانة يسمح بالفراغات
كود "tt" عبارة عن خدعة لجعل الشكل كلة متزن

الكود الاساسي

Code:
[size=2pt][font=Monospace][tt][/size]


امتلة تطبيقية
Code:
[b][u]رسم مربع[/u][/b]

[size=2pt][font=Monospace][tt]█████████████████████████████████████
█████████████████████████████████████
█████████████████████████████████████
█████████████████████████████████████
█████████████████████████████████████
█████████████████████████████████████
█████████████████████████████████████
█████████████████████████████████████
█████████████████████████████████████
[/size]

[b][u]رسم خط مستقيم[/u][/b]

[size=2pt][size=2pt][font=Monospace][tt]█████████████████████████████████████
█████████████████████████████████████[/size]

[b][u]شكل حر[/u][/b]

[td][size=2pt][font=arialMonospace][tt]██  ██
██  ██
██  [color=transparent]██[/color]
██  ██
[color=transparent]██[/color]  ██
██  ██
██  [color=transparent]██[/color]
██  ██
[color=transparent]██[/color]  ██
██  ██
██  [color=transparent]██[/color]
██  ██
██  ██[/td]

 ** تذكر فقط باستعمال درس الالوان يمكنك الحصول علي اشكال ممتازة
[size=2pt][font=arialMonospace][tt][color=#FFA500]██  ██
██  ██
██  [color=transparent]██[/color]
[color=#E59400]██  ██
[color=transparent]██[/color]  ██
██  ██
[color=#CB8300]██  [color=transparent]██[/color]
██  ██
[color=transparent]██[/color]  ██
[color=#B17200]██  ██
██  [color=transparent]██[/color]
[color=#976100]██  ██
██  ██[/size]


رسم مربع

Quote
█████████████████████████████████████
█████████████████████████████████████
█████████████████████████████████████
█████████████████████████████████████
█████████████████████████████████████
█████████████████████████████████████
█████████████████████████████████████
█████████████████████████████████████
█████████████████████████████████████

رسم خط مستقيم

Quote
█████████████████████████████████████
█████████████████████████████████████


شكل حر


Quote
██  ██
██  ██
██  ██
██  ██
██  ██
██  ██
██  ██
██  ██
██  ██
██  ██
██  ██
██  ██
██  ██

Quote
██  ██
██  ██
██  ██
██  ██
██  ██
██  ██
██  ██
██  ██
██  ██
██  ██
██  ██
██  ██
██  ██

دروس تطبيقية الدرس الاول:

بناء علي المعلومات من الدروس السابقة عرفنا ان اقصى ارتفاع للتوقيع هو 3 اسطر وان اكبر حجم له هو 42 بيكسل او 32 علي مقياس النقاط.
الان انا اريد ان انشي توقيع من خطين الاول بة شعار الشركة والثاني به روابط التواصل الاجتماعي.
اكبر ارتفاع هو 32 علي مقياس النقاط هذا يعني ان اكبر ارتفاع للخطوط هو 16 لكل خط اذا تمت الزيادة علي ذلك فان الخط سيتم قطعة .
في الغالب فان التركيز يكون علي شعار الشركة لذلك سيتم اختيار حجم اكبر له من حجم مواقع التواصل الاجتماعي وليكن 13 للشعار  و 11 لمواقع التواصل.
بالنسبة للخط فان من الافضل اخيار خط مدعوم من كل صفحات الويب وليكن arial.
هذاالموقع سيساعدك علي معرفة نوع الخط موقع لمعرفة الخط
شعار الشركة يعتمد علي اللون الازرق وباستخدام هذا الموقع يمكننا معرفة تدرجات الالوان المناسبة . موقع لمعرفة تدرجات الالوان


Code:
[center][td][center][url=https://bitcointalk.org/index.php?topic=2705814.20][font=arial black][b][size=13pt][color=#FFF][glow=#196BA3,2,300][color=#196BA3]..[color=#FFF]Your [glow=#196BA3,2,300]word [glow=#166093,2,300]here [glow=#135583,2,300] just [glow=#104A73,2,300] add[glow=#0D3F63,2,300] it[/color]..[/color][/glow][/size][/url]
[b][font=calibri][size=11pt]❍[url=][color=#D54E4F]  Telegram  [/url]❍ [url=][color=#BD4546]  Facebook  [/url]❍ [url=][color=#8D3334]  Reddit  [/url]❍ [url=][color=#451819]  Twitter  [/url][/b][/td][/center]

Quote

قم بالتعديل علية ويمكنك انشاء اي كود ايضا اضاقة الكود من الدرس السابق سيمكننا من الحصول علي
Quote

في الدرس القادم سوف اقوم بشرح المزيد ان شاء الله
legendary
Activity: 2702
Merit: 4002
الاحجام ويقصد بها حجم النص المراد ادراجة في التوقيع . وبتكبير و تصغير الاحجام نوضح اونخفي بعض النصوص
تاتي التوقيعات بحجم اقصي 42 px


نقصد بال px المعامل الذي يوضح حجم النص وقيمتة من 1 الي 42 في التوقيعات

الكود الاساسي

Code:
[size=هنا الحجم من 1 الي 42pt]هنا النص[/size]


الامثلة

Code:
[size=2pt]هذا الحجم صغير جدا[/size]
[size=6pt]هذا الحجم صغير[/size]
[size=12pt]هذا الحجم عادي[/size]
[size=20pt]هذا الحجم كبير[/size]
[size=30pt]هذا الحجم كبير جدا[/size]
[size=44pt]هذا الحجم سيتم قصه في التوقيع[/size]

Quote
هذا الحجم صغير جدا
هذا الحجم صغير
هذا الحجم عادي
هذا الحجم كبير
هذا الحجم كبير جدا
هذا الحجم سيتم قصه في التوقيع

في قوانين التوقيع تم ذكر اكبر حجم 42 px لماذا الكود الاساسي يحتوي علي pt

الوحدتين هما اساسيتين في قياس الحجوم ويكمن التحويل بينهم باستخدام  الموقع الاتي

https://websemantics.uk/articles/font-size-conversion/
 
ذكرنا سابقا ان اقصي ارتفاع هو 3 خطوط علية فان اقصي حجم هو
1 خط بارتفاع 42 او خطين بارتفاع 21 او ثلاث خطوط بارتفاع 14 لكل خط




  تطبيق علي الدروس السابقة انشاء الله "سوف اقوم بشرحة في الحلقة القادمة"

Code:
[center][font=calibri][size=14pt][b][url=???][color=#ED5758][color=transparent]..[/color]Your [color=#D54E4F]TEXT [color=#BD4546]Here [color=#A53C3D]Add  [color=#8D3334]it now[color=transparent]..[/color][/url]
[font=calibri][size=9pt][color=#2C2C2C]O [url=url here][color=#ED5758] Slack [/url]O[url=url here][color=#D54E4F] Telegram [/url]O [url=url here][color=#BD4546] Facebook [/url]O [url=url here][color=#A53C3D] Discord [/url]O [url=url here][color=#8D3334] Reddit [/url]O [url=url here][color=#451819] Twitter [/url][/td]

member
Activity: 182
Merit: 25
Bitcoin=Decentralization+ Consensus+High sec=TRUST
اشكرك من صميم القلب.. النفوس الكريمة فقط هي من تسعى لافادة الاخرين بعلومها وخبراتها المكتسبة وبدون مقابل.. جزيل الشكر والامتنان لك اخي العزيز .
member
Activity: 139
Merit: 10
quarkchain.io
لك التقدير و الاحترام على الشرح كنت في حاجة له لكن لااعرف كيف يتم صنعه
jr. member
Activity: 83
Merit: 4
مشكور على الجهد الجبار والطرح المتميز
 وحبذا لو  تشرح لنا الفائدة من التوقيعات
وفي ماذا تستخدم
سمعت انه يمكن الربح انطلاقا من التوقيعات ؟ كيفا ذلك 
newbie
Activity: 8
Merit: 0
شكرا اخوي لكن ما فائدة التوقيع؟؟
legendary
Activity: 2702
Merit: 4002
الالوان هي من اهم العناصر التي تعطي جمالية لتصميمك وتدرج الالوان هو الذي يجعل مصمم افضل من اخر

الكود الرئيسي لجميع الالوان هو

Code:
[color=القيمة]النص[/color]


القيمة هي اللون الذي تريد للنص ان يظهر بة وهي اما نص او صيغة هيكساديسمل

يكون النص باللغة الانجليزية ويدعم عدد معين من الالوان كالاحمر والاسود وغيرهما  اما للحصول علي جميع الالوان يجب ايجاد الكود بالهكساديسمل من جداول

هذا الموقع يعطيك كل الالوان المتاحة للعمل علي شاشات الحاسوب
http://htmlcolorcodes.com/color-picker/
قم بزيارة الموقع ومن ثم اختر اللون وانسخ قيمتة بالهكساديسمل وضعها مكان القيمة بالكود


الكود
Code:
[color=black]هذا اللون الاسود[/color]
[color=red]هذا اللون الاحمر[/color]
[color=#333]هذا اللون الرمادي[/color]


التنفيذ
شكرا لك أخي الطيب
اول موضوع يشرح النفس وشيء جميل
متابع أخي معك ان شاء الله
وان شاء الله تكثر في القسم مثل هذه الدروس النافعة
جزاك الله كل خير

هذا موضوع يستحق التحيه
لك كل التقدير والاحترام
استمر اخي الكريم

             شكرا لك عل المعلومات

شكرا جزيلا لك اخي
موضوع يستحق الشكر و التقدير
بالتوفيق

اخي الكريم شكرا لك فعلا هو موضوع مهم جدا لكن رجاءا هل ممكن تعريف للتوقيع وشكرا

تستحق كل الدعم والتنويه والتشجبع على هذه السلسلة المتميزة والهادفة . واصل اخي . دمت  متألقا

شكرا لك  في انتضار باقي الدروس  Wink Wink

شكرا لك هده المعلومات المهمة والمفيده وفي انتظار شرحاكتر

السلام عليكم ورحمة الله وبركاته

الله يبارك فيك أخي على الدرس والذي جاء في وقته

بانتظار جديدك...

هل هده السلسلة لها اجزاء اخرى

مشكورين جميعا واذا كان هنالك سؤال تفضلوا بطرحة

newbie
Activity: 48
Merit: 0
هل هده السلسلة لها اجزاء اخرى
jr. member
Activity: 83
Merit: 4
تستحق كل الدعم والتنويه والتشجبع على هذه السلسلة المتميزة والهادفة . واصل اخي . دمت  متألقا
member
Activity: 60
Merit: 10
شكرا لك اخي كونت بانتظار هذا الموضوع وكان لدي سوال 
 copper= Member
وكيف ذالك وكيف الترقية لي copper
newbie
Activity: 59
Merit: 0
هذا موضوع يستحق التحيه
لك كل التقدير والاحترام
استمر اخي الكريم
full member
Activity: 337
Merit: 150
شكرا لك أخي الطيب
اول موضوع يشرح النفس وشيء جميل
متابع أخي معك ان شاء الله
وان شاء الله تكثر في القسم مثل هذه الدروس النافعة
جزاك الله كل خير
legendary
Activity: 2702
Merit: 4002
السلام عليكم ورحمة الله وبركاته

قررت ان ابدا موضوع يمكنني فية مشاركة خبرتي البسيطة في لغة ال >bbcode<وتعلم كيف يمكن صنع التوقيعات

اظن ان اغلبكم سمع بحملة التوقيعات والبعض قد يتسال كيف يمكن صنع هذه التوقيعات . سوف اقدم سلسلة دروس اسبوعية تمكننا من فهم الكيفية وحتي الوصول الي الاحتراف

اذا واجهتك اي مشكلة اطرحها بالاسفل وسوف تجد الحل ان شاء الله






الدرس الاول : قواعد تصميم التوقيعات



دروس تطبيقية الدرس الاول:






تذكر ان كل التوقيعات علي الموقع لها نفس الارتفاع وهو ارتفاع ثلاثة اسطر ولكن العرض تحكمة قواعد

Quote
1
2
3
اي شي تحت هذه الخطوط سيتم قصة اما بالنسبة للعرض فهو 4000 كلمة كحد اقصي لبعض الرتب

اكواد عامة

Code:
[b]هذا النص عريض[/b]
[i]هذا النص مائل[/i]
[u]هذا النص تحته خط[/u]
[color=اللون]النص[/color]
[size=النص]حجم النص[/size] ** لرسم الصور في التوقيعات يفضل 2pt او 1pt
[font=النص]نوع الخط[/font]
[url=النص]الربط[/url]


[table]
[tr]
[td]
الصف الاول العمود الاول
[/td]
[td]
الصف الاول العمود الثاني
[/td]
[td]
الصف الاول العمود الثالث
[/td]
[td]
الصف الاول العمود الربع
[/td]
[/tr]
[tr]
[td]
الصف الثاني العمود الاول
[/td]
[td]
الصف الثاني العمود الثاني
[/td]
[td]
الصف الثاني العمود الثالث
[/td]
[td]
الصف الثاني العمود الرابع
[/td]
[/tr]
[/table]

التنفيذ

Quote
هذا النص عريض
هذا النص مائل
هذا النص تحته خط
النص
النص
النص
الربط


 الصف الاول العمود الاول
  الصف الاول العمود الثاني
 الصف الاول العمود الثالث
 الصف الاول العمود الربع
  الصف الثاني العمود الاول
  الصف الثاني العمود الثاني
 الصف الثاني العمود الثالث
 الصف الثاني العمود الرابع

جدول القوانين


Quote
     الرتبة      
Jump to:
© 2020, Bitcointalksearch.org