هيلبرنت | Helpernt - وضع الايقونات الاجتماعية في معلومات الاعضاء

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

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

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

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

شرحي اليوم سيكون على جزئين

الجزء الاول عمل حقول شخصية

الجزء الثاني وضع الاكواد وطريقة التعديل عليها

ملاحظة قبل البدء بالعمل/ اكواد الايقونات المستعملة خاصة بمن يستخدم مكتبة Font-Awesome

والتلميحات , اما من لا يستخدم مكتبة Font-Awesome والتلميحات فسيظهر لديه العمل ناقص

ابدأ بعد الاستعانة بالله

الجزء الاول

عمل حقول خاصة للايقونات وانا سأقوم بعمل خمسة حقول [ انتبه للعدد جيداً ]

نتوجه الى لوحة تحكم المنتدى ثم حقول الملف الشخصي ثم اضافة حقل جديد في الملف

نوع خانة الملف الشخصي صندوق نص بسطر وحيد

العنوان الترجمات : نكتب مقابلها فيس بوك

الوصف الترجمات : نكتب مقابلها صفحتي الخاصة على الفيس بوك

دع باقي الاختيارات كما هي واضغط على حفظ

نكرر العملية السابقة لتويتر وقوقل وانستقرام ويوتيوب بالترتيب

نحفظ ارقام الحقول مثلاً حقل الفيس بوك 5 وحقل تويتر 6 بمعنى ان حقل

الفيس بوك field5 وحقل تويتر field6 وهكذا , تتغير ارقام الحقول حسب

العمل فمن الممكن انك قد عملت حقول سابقاً المهم احفظ ارقام الحقول التي

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

انتهى الجزء الاول من الشرح

الجزء الثاني

وضع الاكواد في قوالب البوست بت او البوست بت لجاسي والتعديل عليها ووضع

اكواد css الخاصة بها في تعاريف css الاضافية

بعد ان قمنا بعمل 5 حقول للفيس بوك وتويتر وقول وانستقرام ويوتيوب

وكانت ارقام الحقول كما يلي 5 , 6 , 7 , 8 , 9

نعمل كود خاص بهم , انا سأطرح الكود جاهز وهذا الكود يوضع حسب قالبك الشخصي

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

كود PHP:


		
			
<!-- صفوان الخزرجي --><div  class="smallfont_safwannnn"><if  condition="$post['field5']"><a href="$post[field5]"><a  class="simptip-position-bottom simptip-smooth" data-tooltip="فيس بوك"  target="_blank" href="$post[field5]"><font  color="#1E4E8F"><i class="fa fa-facebook-square  fa-2x"></i></font></a></if><if  condition="$post['field6']"><a href="$post[field6]"><a  class="simptip-position-bottom simptip-smooth" data-tooltip="تويتر"  target="_blank" href="$post[field6]"><font  color="#87CBEB"><i class="fa fa-twitter-square  fa-2x"></i></font></a></if><if  condition="$post['field7']"><a href="$post[field7]"><a  class="simptip-position-bottom simptip-smooth" data-tooltip="قوقل بلاس"  target="_blank" href="$post[field7]"><font  color="#C83333"><i class="fa fa-google-plus-square  fa-2x"></i></font></a></if><if  condition="$post['field8']"><a href="$post[field8]"><a  class="simptip-position-bottom simptip-smooth" data-tooltip="انستقرام"  target="_blank" href="$post[field8]"><font  color="#7D7063"><i class="fa fa-instagram  fa-2x"></i></font></a></if><if  condition="$post['field9']"><a href="$post[field9]"><a  class="simptip-position-bottom simptip-smooth" data-tooltip="يوتيوب"  target="_blank" href="$post[field9]"><font  color="#982323"><i class="fa fa-youtube-square  fa-2x"></i></font></a></if></div><!--  صفوان الخزرجي -->

غير ارقام الحقول حسب ما قمت بعمله فاذا كان عندك رقم حقل الفيس بوك 11 مثلاً ضع رقم 11

بدل رقم 5 وستجده متكرر 3 مرات يكون العمل صحيح

نضغط على حفظ بعد ان وضعنا الكود ونتوجه لتعاريف css الاضافية ونضع فيها الكود التالي

كود PHP:


		
			
.smallfont_safwannnn {  display: inline-block;    line-height:  25px;    color: #000000;    border: 1px solid #FFFFFF;    border-radius:  3px;    background-color: #E8E6E2;    padding: 3px 3px;}

ونضغط على حفظ

انتهى العمل

الصور التوضيحية في المرفقات

ملاحظة مهمة / اي طلب بخصوص كيفية تفعيل التلميحات او ربط المنتدى بمكتبة

Font-Awesome لن اجيب عليه لانو في شروحات خاصة بالعمليتين فيرجى حصر

الطلبات بلب الشرح وانا حاضر لجميع التوضيحات اللازمة بخصوص الموضوع