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

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

thread_prefix_desc.10

Cipher

:: الأعضاء ::
إنضم
17 ديسمبر 2019
المشاركات
23
مستوى التفاعل
27
النقاط
13
بسم الله الرحمن الرحيم

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

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

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

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

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

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

1.png


1577184957034.png


1577184969902.png

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

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


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

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

كما ترون هنا

4.png

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

1577185040766.png

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


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

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


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

1577185235377.png



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

عرض قيمة HTML
كود:
<font size="4" color="white">{$value}</font>

قم بــ الحفظ

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


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

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


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

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


1577185290821.png
كود العنوان
HTML:
<font size="4" style="display:inline;background-color:black;color:#fff;">المبلغ المتاح :</font>


كود عرض قيمة HTML
كود:
<font size="4" color="white">{$value}.00 دولار</font>

قم بحفظ

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


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

سيكون حقل المبلغ المتاح

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

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

1577185339405.png
كود العنوان

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


كود عرض القيمة HTML
كود:
<font size="4" color="white">{$value}.00 أورو</font>

قم ب الحفظ

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


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

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


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

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


1577185507432.png

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

بامكانك تغير العملة الى العملة المتداولة في بلدك بتغيير (دج) في الكود اسفله
كود قيمة HTML
كود:
<font size="4" color="white">{$value}.00 دج, ثابت</font>


قم بالحفظ

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


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

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


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

1577185388244.png


بنسبة للخيارات الممكنة
يجب عليك كتابتها بالانجليزيه كما هي مكتوبة
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>

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

1577185571025.png
كود العنوان

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

قم بالحفظ

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

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

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

extra.less

افتحه وضع في اخره هذا لكود
CSS:
/* خلفية حقول المواضيع المخصصة  */
.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%);
}


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

1577185609896.png


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

مع تحيات @Cipher
 
التعديل الأخير بواسطة المشرف:

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
3,503
مستوى التفاعل
2,133
النقاط
113
العمر
37
الإقامة
المغرب
الموقع الالكتروني
ما شاء الله
جهد كبير استاذنا @Cipher
شكرا لك لاخراج هذا الشرح الجميل
يثبت الموضوع لمدة 7 أيام نظير الجهد المبذول به.
 

MesterPerfect

:: الأعضاء ::
إنضم
27 يناير 2019
المشاركات
1,029
مستوى التفاعل
794
النقاط
113
العمر
20
الإقامة
sohag, Egypt
الموقع الالكتروني
شرح في غاية الروعة
بارك الله فيك أخي الكريم ونفع بك
تحياتي
 

جميع المواضيع والمشاركات المكتوبة تعبّر عن وجهة نظر صاحبها ,, ولا تعبّر بأي شكل من الاشكال عن وجهة نظر إدارة زين العربية .

التعليقات المنشورة لا تعبر عن رأي معهد زين العربية ولا نتحمل أي مسؤولية قانونية حيال ذلك :: يتحمل كاتبها مسؤولية النشر ::

إحصائيات المنتدى

المواضيع
1,199
المشاركات
10,950
الأعضاء
460
آخر عضو مسجل
alifmf
أعلى