عيد الاضحى المبارك


مواضيع تهمك

ركن تطوير منتديات vb3.8.0 القسم خاص بتطوير منتديات الجيل الثالث ويمنع منعاً باتاً.. كتابة اي موضوع يهتم بمشاكل المنتديات (( يمنع وضع نسخ vBulletin ))

وضع الايقونات الاجتماعية في معلومات الاعضاء

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

احصائياتى

الردود
2

المشاهدات
1696
safwan khazraji
.:: عضو فعال ::.
  • safwan khazraji is a splendid one to beholdsafwan khazraji is a splendid one to beholdsafwan khazraji is a splendid one to beholdsafwan khazraji is a splendid one to beholdsafwan khazraji is a splendid one to beholdsafwan khazraji is a splendid one to beholdsafwan khazraji is a splendid one to beholdsafwan khazraji is a splendid one to behold

  • safwan khazraji غير متواجد حالياً
  • إرسال رسالة عبر Skype إلى safwan khazraji

المشاركات
243

+التقييم
205

تاريخ التسجيل
Dec 2015

الاقامة
فرنسا

نظام التشغيل
windows 7

رقم العضوية
702
04-14-2016, 01:48 AM
المشاركة 1
04-14-2016, 01:48 AM
المشاركة 1
new وضع الايقونات الاجتماعية في معلومات الاعضاء
بسم الله الرحمن الرحيم

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

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

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

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

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

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

ملاحظة قبل البدء بالعمل/ اكواد الايقونات المستعملة خاصة بمن يستخدم مكتبة 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"><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"><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"><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"><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"><class="fa fa-youtube-square  fa-2x"></i></font></a></if></div><!--  صفوان الخزرجي --> 
غير ارقام الحقول حسب ما قمت بعمله فاذا كان عندك رقم حقل الفيس بوك 11 مثلاً ضع رقم 11

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

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

كود PHP:
.smallfont_safwannnn {  displayinline-block;    line-height:  25px;    color#000000;    border: 1px solid #FFFFFF;    border-radius:  3px;    background-color: #E8E6E2;    padding: 3px 3px;} 
ونضغط على حفظ

انتهى العمل

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

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

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

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





قديم 03-27-2019, 05:24 PM
المشاركة 2
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت غير متواجد حالياً
افتراضي رد: وضع الايقونات الاجتماعية في معلومات الاعضاء
احسنت يا احى

قديم 01-18-2020, 08:33 PM
المشاركة 3
safwan khazraji
.:: عضو فعال ::.
  • safwan khazraji غير متواجد حالياً
افتراضي رد: وضع الايقونات الاجتماعية في معلومات الاعضاء
احسن الله امرك كله

اضافة رد

العلامات المرجعية

وضع الايقونات الاجتماعية في معلومات الاعضاء


أدوات الموضوع

الانتقال السريع
المواضيع المتشابهه للموضوع: وضع الايقونات الاجتماعية في معلومات الاعضاء
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
طلب لتركيب مكتبة الايقونات على الاستايل S!L3NT H!LL ركن مشاكل تصاميم الاستايلات 2 01-21-2019 10:02 PM
كيف اضع هذه الايقونات والون بداية الشريط blidi4ever ركن مشاكل وطلبات الزين فورو XENFORO 4 03-27-2018 07:30 PM
طريقة وضع خلفيه وطريقة اظهار الايقونات الموجود داخل قالب معلومات العضو 14SAT ركن مشاكل وطلبات الزين فورو XENFORO 10 09-23-2017 09:38 PM
كيف يمكنني تغير هذه الايقونات؟ for sat ركن مشاكل تصاميم الاستايلات 8 10-16-2016 04:35 PM




الساعة الآن 06:10 PM
RSS 2.0XML Site MapTAGS SiteInfo SiteRSS FeedMap SectionsvB MapsMap TagSitemap ForumMaps Forum