BBcode تغير صورة حالة التواجد للعضو الى font icon لمن يستخدم مكتبة fontello
ندعم منتديات vBulletin بتقنية Css3
A L 6 W E R

[ BBcode ] تغير صورة حالة التواجد للعضو الى font icon لمن يستخدم مكتبة fontello


 
المشاهدات 1543 الردود 5 أدوات الموضوع إبحث في الموضوع

   رقم المشاركة [ 1 ]
21-01-2015, 12:55 AM
تابعني على facebook
تابعني على twitter
تابعني على google plus
تابعني على youtube
معهد المطوّر
1
تواصل معي مباشرة
الصورة الرمزية لـ AlM6weR
AlM6weR
متواجد
[ مؤسس معهد المطوّر ]

اسمي : أبومحمد , من : الرياض , أهتم بـ البرمجة - تطوير المواقع .
عضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركة
تاريخ الإنضمام07-06-2010 عدد المشاركات7,868 تقييم المستوى17882 الدولةsaudi arabia
الإعجابات التي قدمها للأعضاء 286   تم شكره 747 مرة في 568 مشاركة
افتراضي تغير صورة حالة التواجد للعضو الى font icon لمن يستخدم مكتبة fontello



تغير صورة حالة التواجد للعضو الى font icon لمن يستخدم مكتبة fontello



[ اسم الكود ] : تغير صورة حالة التواجد للعضو الى font icon لمن يستخدم مكتبة fontello
[ وصف الكود ] : يقوم بتغير صورة التواجد للعضو الى fonticon بدل الصور
[ يتوافق مع اي اصدار ] : الجيل الثالث vb3.x.x
[ موقع مبرمج الكود ] : شبكة المطور

[ طريقة التركيب ] :

الخطو الاولى :
افتح قالب postbit_onlinestatus
واستبدله بـ :

HTML & CSS

<if condition="$onlinestatus==0"><class="icon-eye-off-1" title="<phrase 1="$user[username]">$vbphrase[x_is_offline]</phrase>"></a></if>
<if 
condition="$onlinestatus==1"><class="icon-eye-7" title="<phrase 1="$user[username]">$vbphrase[x_is_online_now]</phrase>"></a></if>
<if 
condition="$onlinestatus==2"><class="icon-eye-6" title="<phrase 1="$user[username]">$vbphrase[x_is_invisible]</phrase>"></a></if> 

ولمن يستخدم خاصية tooltip الخاص باظهار الوصف بتقنية css يستخدم الكود الاخر وهو :

HTML & CSS

<if condition="$onlinestatus==0"><class="tooltips icon-eye-off-1"><span><phrase 1="$user[username]">$vbphrase[x_is_offline]</phrase></span></a></if>
<if 
condition="$onlinestatus==1"><class="tooltips icon-eye-7"><span><phrase 1="$user[username]">$vbphrase[x_is_online_now]</phrase></span></a></if>
<if 
condition="$onlinestatus==2"><class="tooltips icon-eye-6"><span><phrase 1="$user[username]">$vbphrase[x_is_invisible]</phrase></span></a></if> 
علما بان :
icon-eye-off-1 = ايقونة غير متواجد
icon-eye-7 = ايقونة متواجد
icon-eye-6 = ايقونة التخفي
استبدل اسم الكلاس باسم الصورة النصية المراد تركيبها

وايضا : كلاس tooltips الخاص باظهار الوصف كما في الصورة التالية :



الخطوة الثانية :
ضع خصائص الكلاسات الثالث في حقل [ تعاريف CSS الإضافية ]
واضبطها حسب رغبتك .


للعلم : هذه الخاصية تم شرحها في هذا الموضوع :
http://www.alm6wer.com/vb/showthread.php?t=7424


ولأي استفسار انا حاضر ..

:end:




كلمات البحث - معهد المطور ارشفة, ستايل, كود, هاك, html, css, java, BBcode, seo, php, JavaScript, Product, Style



توقيعي



عَنْ جُوَيْرِيَةَ بنت الحارث، أم المؤمنين رضي الله عنها؛ أَنَّ النَّبِيَّ صلى الله عليه وسلم خَرَجَ مِنْ عِنْدِهَا بُكْرَةً، حِينَ صَلَّى الصُّبْحَ وَهِيَ فِي مَسْجِدِهَا، ثُمَّ رَجَعَ بَعْدَ أَنْ أَضْحَى، وَهِيَ جَالِسَةٌ، فَقَالَ:
((مَا زِلْتِ عَلَى الْحَالِ الَّتِي فَارَقْتُكِ عَلَيْهَا؟)) قَالَتْ: نَعَمْ، قَالَ النَّبِيُّ صلى الله عليه وسلم: ((لَقَدْ قُلْتُ بَعْدَكِ أَرْبَعَ كَلِمَاتٍ، ثَلَاثَ مَرَّاتٍ، لَوْ وُزِنَتْ بِمَا قُلْتِ مُنْذُ الْيَوْمِ لَوَزَنَتْهُنَّ:
سُبْحَانَ اللهِ وَبِحَمْدِهِ عَدَدَ خَلْقِهِ، وَرِضَا نَفْسِهِ وَزِنَةَ عَرْشِهِ، وَمِدَادَ كَلِمَاتِهِ)).




   رقم المشاركة [ 2 ]
21-01-2015, 12:57 AM
منتديات الجامعة التطويرية
5814
عضو معهد المطور
ندعم جميع منتديات
الجيل الثالث بتقنية CSS3
مسترقيس
غير متواجد
[ مطوّر نشيط ]

اسمي : ابو محمد , من : سوريا الجزائر , أهتم بـ في عالم التطور .
تاريخ الإنضمام16-06-2013 عدد المشاركات67 تقييم المستوى0 الدولةsyria
الإعجابات التي قدمها للأعضاء 8  
افتراضي رد: تغير صورة حالة التواجد للعضو الى font icon لمن يستخدم مكتبة fontello


مشكور يامبدع جاري التجربة الله يحميك




   رقم المشاركة [ 3 ]
21-01-2015, 07:26 AM
3349
عضو معهد المطور
ندعم جميع منتديات
الجيل الثالث بتقنية CSS3
أبوزكريا
غير متواجد
[ مطوّر فعّال ]

اسمي : ziko_583 ,
تاريخ الإنضمام09-10-2011 عدد المشاركات123 تقييم المستوى148 الدولةegypt
الإعجابات التي قدمها للأعضاء 9   تم شكره 6 مرة في 5 مشاركة
افتراضي رد: تغير صورة حالة التواجد للعضو الى font icon لمن يستخدم مكتبة fontello


مبدع مبدع مبدع




   رقم المشاركة [ 4 ]
21-01-2015, 06:19 PM
:: منتدى الجزائر ::- لكل الجزائريين والعرب
6129
الصورة الرمزية لـ أبو شهاب
أبو شهاب
غير متواجد
[ مطوّر فعّال ]

اسمي : أبو شهاب , من : الجزائر ,
تاريخ الإنضمام23-08-2013 عدد المشاركات142 تقييم المستوى167 الدولةalgeria
الإعجابات التي قدمها للأعضاء 33   تم شكره 7 مرة في 6 مشاركة
افتراضي رد: تغير صورة حالة التواجد للعضو الى font icon لمن يستخدم مكتبة fontello


بوركت استاذ
عمل مميز منك




توقيعي

:: منتدى الجزائر :: لكل الجزائريين والعرب

http://alg4all.net



   رقم المشاركة [ 5 ]
22-01-2015, 01:41 AM
تابعني على facebook
تابعني على twitter
تابعني على google plus
تابعني على youtube
منتصر هوست لخدمات الويب
6793
الصورة الرمزية لـ ابن الاكابر
ابن الاكابر
غير متواجد
[ مطوّر فعّال ]

اسمي : مصطفى على منصور , من : القاهرة - المطرية , أهتم بـ الرسم - التصميم - تطوير المواقع .
تاريخ الإنضمام13-01-2014 عدد المشاركات114 تقييم المستوى220 الدولةegypt
الإعجابات التي قدمها للأعضاء 8   تم شكره 17 مرة في 11 مشاركة
افتراضي رد: تغير صورة حالة التواجد للعضو الى font icon لمن يستخدم مكتبة fontello


سلمت يمناك استاذي

بارك الله فيك




توقيعي

{ لا اله الا الله سيدنا محمد رسول الله }
فى الخدمة
[Yahoo : Lory.Darsh | Facebook : FB/lory.darsh | Phone : 01001055382 ]




   رقم المشاركة [ 6 ]
22-01-2015, 02:26 AM
تابعني على facebook
تابعني على twitter
تابعني على google plus
تابعني على youtube
معهد المطوّر
1
تواصل معي مباشرة
الصورة الرمزية لـ AlM6weR
AlM6weR
متواجد
[ مؤسس معهد المطوّر ]

اسمي : أبومحمد , من : الرياض , أهتم بـ البرمجة - تطوير المواقع .
عضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركة
تاريخ الإنضمام07-06-2010 عدد المشاركات7,868 تقييم المستوى17882 الدولةsaudi arabia
الإعجابات التي قدمها للأعضاء 286   تم شكره 747 مرة في 568 مشاركة
افتراضي رد: تغير صورة حالة التواجد للعضو الى font icon لمن يستخدم مكتبة fontello


يامرحبا بالجميع ، منورين الموضوع حبايبي ..




توقيعي



عَنْ جُوَيْرِيَةَ بنت الحارث، أم المؤمنين رضي الله عنها؛ أَنَّ النَّبِيَّ صلى الله عليه وسلم خَرَجَ مِنْ عِنْدِهَا بُكْرَةً، حِينَ صَلَّى الصُّبْحَ وَهِيَ فِي مَسْجِدِهَا، ثُمَّ رَجَعَ بَعْدَ أَنْ أَضْحَى، وَهِيَ جَالِسَةٌ، فَقَالَ:
((مَا زِلْتِ عَلَى الْحَالِ الَّتِي فَارَقْتُكِ عَلَيْهَا؟)) قَالَتْ: نَعَمْ، قَالَ النَّبِيُّ صلى الله عليه وسلم: ((لَقَدْ قُلْتُ بَعْدَكِ أَرْبَعَ كَلِمَاتٍ، ثَلَاثَ مَرَّاتٍ، لَوْ وُزِنَتْ بِمَا قُلْتِ مُنْذُ الْيَوْمِ لَوَزَنَتْهُنَّ:
سُبْحَانَ اللهِ وَبِحَمْدِهِ عَدَدَ خَلْقِهِ، وَرِضَا نَفْسِهِ وَزِنَةَ عَرْشِهِ، وَمِدَادَ كَلِمَاتِهِ)).



 

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
للعضو, مكتبة, التواجد, تغير, font, fontello, حالة, icon, يستخدم, صورة

أدوات الموضوع إبحث في الموضوع
إبحث في الموضوع:

البحث المتقدم

الانتقال السريع

المواضيع المتشابهه للموضوع: تغير صورة حالة التواجد للعضو الى font icon لمن يستخدم مكتبة fontello
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[ شرح ] طريقة استخدام مكتبة fontello بالتفصيل AlM6weR تطوير المواقع والمنتديات 40 23-01-2017 12:20 PM
[ شرح ] طريقة إستخدام font icon AlM6weR تطوير المواقع والمنتديات 6 02-01-2017 01:08 AM
[ BBcode ] كود تأثير جميل لحالة التواجد للعضو في قالب postbit مطابق لموقع زيزووم AlM6weR اكواد منتديات vBulletin 3.x.x 14 24-11-2015 08:16 PM
[ طلب ] || تابع || استبدال ازرار الموضوع بايقونات باستخدام مكتبة awsome font أبو شهاب طلبات و مشاكل منتديات vBulletin 3.x.x 5 21-02-2015 10:10 PM
[ طلب ] استبدال ازرار الموضوع بايقونات باستخدام مكتبة fontello أبو شهاب طلبات و مشاكل منتديات vBulletin 3.x.x 4 20-02-2015 10:34 PM


الساعة الآن 12:14 AM

RSS RSS 2.0 XML Sitemap Sitemap1 Sitemap2 MAP2 HTML Tags اتصل بنا بيان الخصوصية الصعود للاعلى

Powered by vBulletin@Version 3.8.7 .Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.
المشاركات والمواضيع تعبر عن رأي كاتبها وليس بالضرورة رأي المطوّر
وجميع الحقوق محفوظة لاصحابها