شرح تنسيق حقول المواضيع المخصصة لبيع العملات

[Cipher]

بسم الله الرحمن الرحيم

و الصلاة وسلام على نبينا الكريم

اليوم درسنا حصري ساشرح فيه كيفية التعديل على حقول الموضوع المخصصة

حيث ساقوم ببرمجة حقل خاص ببيع العملات.

تحت شعار لا للاحتكار

الهدف هو اضافة حقل يسمح للعضو بادخال اسعار معينة في الموضوع , ويطبق هذا على قسم محدد
حيث يضع عملة إما تكون بالدولار او الاورو ويرفق سعر بيعها.

و يظهر الاخير بهذا الشكل الذي يشد الانتباه









بعد مراجعتك للدرس سيكون بامكانك اضافة سطورك البرمجية بما يناسبك انت وما تريد تخصيصه

على بركة الله نبدا بشرح نقوم بلخطوات الاتية

سنقوم باذن الله بانشاء خمس حقول

سنقوم بانشائها حقلا حقلا

كما ترون هنا



الكود الدي ترونه هو كود HTML فقط لتنسيق العنوان بشكل جميل لدا لا تستغربوا
الغرض من هذا لحصول على هته النتيجة هنا



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


قم بانشاء حقل جديد

سيكون حقل اسم البائع

قم تعديل بينات الحقل الذي لديك كما بصوره الاتيه





​

العنوان

<font size="4" style="display:inline;background-color:black;color:#fff;">اسم البائع :</font>

​

عرض قيمة HTML

<font size="4" color="white">{$value}</font>

قم بــ الحفظ

-----------------------------------------------------------------------------------
-----------------------------------------------------------------------------------

الان قم بانشاء حقل جديد اخر

سيكون خاص بـ المبلغ المتاح

خاص بعملة الدولار

قم بتغيير الاعدادات الخاصة بك كما تظهر بصورة
هاد الحقل سيكون مخصصا ان كان الملبغ بدولار ادا كان ب الاورو على العضو ان لا يكتب شيء فيه عندما يفتح موضوع في القسم المطبق عليه.



​

كود العنوان

<font size="4" style="display:inline;background-color:black;color:#fff;">المبلغ المتاح :</font>

كود عرض قيمة HTML

<font size="4" color="white">{$value}.00 دولار</font>

قم بحفظ

-----------------------------------------------------------------------------------
-----------------------------------------------------------------------------------

الان قم بانشاء حقل جديد

سيكون حقل المبلغ المتاح
سيكون مشابه للحقل السابق لاكن سيكون بالاورو وليس الدولار الرجاء الانتباه لهذا

قم بوضع البيانات كما في الصوره


​

كود العنوان

<font size="4" style="display:inline;background-color:black;color:#fff;">المبلغ المتاح :</font>

كود عرض القيمة HTML

<font size="4" color="white">{$value}.00 أورو</font>

قم ب الحفظ

-----------------------------------------------------------------------------------
-----------------------------------------------------------------------------------

الان انشىء حقل جديد

سيكون حقل سعر البيع

سنقوم بجعله بدينار الجزائري حيث سيكون مختلف قليلا عن الحقول السابقة

قم بوضع البيانات كما في الصورة




​

كود العنوان

<font size="4" style="display:inline;background-color:black;color:#fff;">سعر البيع :</font>

بامكانك تغير العملة الى العملة المتداولة في بلدك بتغيير (دج) في الكود اسفله
​

كود قيمة HTML

<font size="4" color="white">{$value}.00 دج, ثابت</font>

قم بالحفظ

-----------------------------------------------------------------------------------
-----------------------------------------------------------------------------------

قم بانشاء حقل جديد

الان الحقل الاخير وهو يخص اسم البنك

قم بوضع البيانات مثل الصورة




بنسبة للخيارات الممكنة
يجب عليك كتابتها بالانجليزيه كما هي مكتوبة
​

Pyoneer​	<p><span style = "color:White;"><img align="left" src ="https://i.imgur.com/os1AVT1.png" style="height:20%;width:20%;"><br>Pyoneer - بايونير</span></p>
Paysera​	<p><span style = "color:White;"><img align="left" src ="https://i.imgur.com/CP8qVbT.png" style="height:20%;width:20%;"><br>Paysera - بايسيرا</span></p>
Skrill​	<p><span style = "color:White;"><img align="left" src ="https://i.imgur.com/9kU6qIl.png" style="height:20%;width:20%;"><br>Skrill - سكريل</span></p>

طبعا بالامكان اضافة بنوك اخرى فقط يجب تسمية البنك بالانجليزيه وتغيير رابط الصوره في الكود فوق ليوافق صورة البنك الدي تريده انت


​

كود العنوان

<font size="4" style="display:inline-block;background-color:black;color:#fff;">اسم البنك :</font>

قم بالحفظ

مبروك الان انتهينا من الحقول

الان اخر خطوة واهي اضافة الخلفية البنفسجية الجميلة

اذهب للوحة التحكم ثم المظهر ثم القوالب وابحث عن القالب

extra.less

افتحه وضع في اخره هذا لكود
​

/* خلفية حقول المواضيع المخصصة  */
.js-threadStatusField .blockStatus-message{
border-style: dotted;
background: rgb(34,193,195);
background: radial-gradient(circle, rgba(34,193,195,1) 0%, rgba(230,45,253,1) 100%);
}

النتيجة الاخيره كيف تظهر الخيارات للعضو اثناء انشاء موضوع ستكون هكذا




الان نكون انتهينا من الشرح

مع تحيات @Cipher​

 

[أبو غَيْث]

ما شاء الله
جهد كبير استاذنا @Cipher
شكرا لك لاخراج هذا الشرح الجميل
يثبت الموضوع لمدة 7 أيام نظير الجهد المبذول به.

 

[Cipher]

ما شاء الله
جهد كبير استاذنا @Cipher
شكرا لك لاخراج هذا الشرح الجميل
يثبت الموضوع لمدة 7 أيام نظير الجهد المبذول به.

تحياتي لك قائد محمد

 

[العربي سمير]

بارك الله فيك أخي الكريم @Cipher ؛

تحياتي.

 

[Cipher]

بارك الله فيك أخي الكريم @Cipher ؛

تحياتي.

في الواقع الفضل لك انت من طرح الفكرة اولا وانا طبقتها وطورتها فقط

 

[MesterPerfect]

شرح في غاية الروعة
بارك الله فيك أخي الكريم ونفع بك
تحياتي

 

[Cipher]

شرح في غاية الروعة
بارك الله فيك أخي الكريم ونفع بك
تحياتي

وفيك بركة مشكور