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

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

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

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

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

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

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

ملاحظة قبل البدء بالعمل/ اكواد الايقونات المستعملة خاصة بمن يستخدم مكتبة 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;}
ونضغط على حفظ

انتهى العمل