وضع الايقونات الاجتماعية في معلومات الاعضاء
المشاهدات:
3783
الردود:
2
safwan khazraji
عضو نشيط
معلومات safwan khazraji
- رقم العضوية
- 702
- تاريخ التسجيل
- 2015-12-31
- الإقامة
- فرنسا
- الموقع الالكتروني
- www.safwankhazraji.com
- آخر نشاط
- المشاركات
- 243
- المعدل اليومي
- 0.06
- مستوى التفاعل
- 6
- قوة السمعه
أوسمة العضو
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
كثيرة هي الطلبات حول كيفية وضع الايقونات الاجتماعية في معلومات العضو سواء في
قالب البوست بت او البوست بت لجاسي وقليلة الشروحات الخاصة بهذا الموضوع
شرحي اليوم سيكون على جزئين
الجزء الاول عمل حقول شخصية
الجزء الثاني وضع الاكواد وطريقة التعديل عليها
ملاحظة قبل البدء بالعمل/ اكواد الايقونات المستعملة خاصة بمن يستخدم مكتبة Font-Awesome
والتلميحات , اما من لا يستخدم مكتبة Font-Awesome والتلميحات فسيظهر لديه العمل ناقص
ابدأ بعد الاستعانة بالله
الجزء الاول
عمل حقول خاصة للايقونات وانا سأقوم بعمل خمسة حقول [ انتبه للعدد جيداً ]
نتوجه الى لوحة تحكم المنتدى ثم حقول الملف الشخصي ثم اضافة حقل جديد في الملف
نوع خانة الملف الشخصي صندوق نص بسطر وحيد
العنوان الترجمات : نكتب مقابلها فيس بوك
الوصف الترجمات : نكتب مقابلها صفحتي الخاصة على الفيس بوك
دع باقي الاختيارات كما هي واضغط على حفظ
نكرر العملية السابقة لتويتر وقوقل وانستقرام ويوتيوب بالترتيب
نحفظ ارقام الحقول مثلاً حقل الفيس بوك 5 وحقل تويتر 6 بمعنى ان حقل
الفيس بوك field5 وحقل تويتر field6 وهكذا , تتغير ارقام الحقول حسب
العمل فمن الممكن انك قد عملت حقول سابقاً المهم احفظ ارقام الحقول التي
قمنا بعملها لانها مهمة في الاكواد التي سنستخدمها
انتهى الجزء الاول من الشرح
الجزء الثاني
وضع الاكواد في قوالب البوست بت او البوست بت لجاسي والتعديل عليها ووضع
اكواد css الخاصة بها في تعاريف css الاضافية
بعد ان قمنا بعمل 5 حقول للفيس بوك وتويتر وقول وانستقرام ويوتيوب
وكانت ارقام الحقول كما يلي 5 , 6 , 7 , 8 , 9
نعمل كود خاص بهم , انا سأطرح الكود جاهز وهذا الكود يوضع حسب قالبك الشخصي
ممكن تضعه في البوست بت او البوست بت لجاسي وانت تختار المكان المناسب في القالب
غير ارقام الحقول حسب ما قمت بعمله فاذا كان عندك رقم حقل الفيس بوك 11 مثلاً ضع رقم 11
بدل رقم 5 وستجده متكرر 3 مرات يكون العمل صحيح
نضغط على حفظ بعد ان وضعنا الكود ونتوجه لتعاريف css الاضافية ونضع فيها الكود التالي
ونضغط على حفظ
انتهى العمل
الصور التوضيحية في المرفقات
ملاحظة مهمة / اي طلب بخصوص كيفية تفعيل التلميحات او ربط المنتدى بمكتبة
Font-Awesome لن اجيب عليه لانو في شروحات خاصة بالعمليتين فيرجى حصر
الطلبات بلب الشرح وانا حاضر لجميع التوضيحات اللازمة بخصوص الموضوع
السلام عليكم ورحمة الله وبركاته
كثيرة هي الطلبات حول كيفية وضع الايقونات الاجتماعية في معلومات العضو سواء في
قالب البوست بت او البوست بت لجاسي وقليلة الشروحات الخاصة بهذا الموضوع
شرحي اليوم سيكون على جزئين
الجزء الاول عمل حقول شخصية
الجزء الثاني وضع الاكواد وطريقة التعديل عليها
ملاحظة قبل البدء بالعمل/ اكواد الايقونات المستعملة خاصة بمن يستخدم مكتبة Font-Awesome
والتلميحات , اما من لا يستخدم مكتبة Font-Awesome والتلميحات فسيظهر لديه العمل ناقص
ابدأ بعد الاستعانة بالله
الجزء الاول
عمل حقول خاصة للايقونات وانا سأقوم بعمل خمسة حقول [ انتبه للعدد جيداً ]
نتوجه الى لوحة تحكم المنتدى ثم حقول الملف الشخصي ثم اضافة حقل جديد في الملف
نوع خانة الملف الشخصي صندوق نص بسطر وحيد
العنوان الترجمات : نكتب مقابلها فيس بوك
الوصف الترجمات : نكتب مقابلها صفحتي الخاصة على الفيس بوك
دع باقي الاختيارات كما هي واضغط على حفظ
نكرر العملية السابقة لتويتر وقوقل وانستقرام ويوتيوب بالترتيب
نحفظ ارقام الحقول مثلاً حقل الفيس بوك 5 وحقل تويتر 6 بمعنى ان حقل
الفيس بوك field5 وحقل تويتر field6 وهكذا , تتغير ارقام الحقول حسب
العمل فمن الممكن انك قد عملت حقول سابقاً المهم احفظ ارقام الحقول التي
قمنا بعملها لانها مهمة في الاكواد التي سنستخدمها
انتهى الجزء الاول من الشرح
الجزء الثاني
وضع الاكواد في قوالب البوست بت او البوست بت لجاسي والتعديل عليها ووضع
اكواد css الخاصة بها في تعاريف css الاضافية
بعد ان قمنا بعمل 5 حقول للفيس بوك وتويتر وقول وانستقرام ويوتيوب
وكانت ارقام الحقول كما يلي 5 , 6 , 7 , 8 , 9
نعمل كود خاص بهم , انا سأطرح الكود جاهز وهذا الكود يوضع حسب قالبك الشخصي
ممكن تضعه في البوست بت او البوست بت لجاسي وانت تختار المكان المناسب في القالب
PHP
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.
بدل رقم 5 وستجده متكرر 3 مرات يكون العمل صحيح
نضغط على حفظ بعد ان وضعنا الكود ونتوجه لتعاريف css الاضافية ونضع فيها الكود التالي
PHP
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.
انتهى العمل
الصور التوضيحية في المرفقات
ملاحظة مهمة / اي طلب بخصوص كيفية تفعيل التلميحات او ربط المنتدى بمكتبة
Font-Awesome لن اجيب عليه لانو في شروحات خاصة بالعمليتين فيرجى حصر
الطلبات بلب الشرح وانا حاضر لجميع التوضيحات اللازمة بخصوص الموضوع
