استفسار طريقة إستبدال ازرار الموضوع بخطوط awsome font
ندعم منتديات vBulletin بتقنية Css3
A L 6 W E R

[ استفسار ] طريقة إستبدال ازرار الموضوع بخطوط awsome font


طريقة إستبدال ازرار الموضوع بخطوط awsome font

رقم الموضوع : 7496

طلبات و مشاكل منتديات vBulletin 3.x.x

الموضوع مغلق
 
المشاهدات 1360 الردود 2 أدوات الموضوع إبحث في الموضوع

   رقم المشاركة [ 1 ]
19-02-2015, 03:57 PM
منتديات طلاب الجزائر
7836
عضو معهد المطور
ندعم جميع منتديات
الجيل الثالث بتقنية CSS3
theprincedz
غير متواجد
[ مُطوِّر مشارك ]

تاريخ الإنضمام02-02-2015 عدد المشاركات8 تقييم المستوى0
الإعجابات التي قدمها للأعضاء 4  
افتراضي طريقة إستبدال ازرار الموضوع بخطوط awsome font



طريقة إستبدال ازرار الموضوع بخطوط awsome font



السلام عليكم
اخي بدون اطالة عليك انا ابغى استبدل ازرار التقييم و باقي الازرار الى خطوط awsome font لو ممكن تعطينا شرح مفصل للتعديل على الاكواد
في انتظارك ...




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



   رقم المشاركة [ 2 ]
19-02-2015, 07:39 PM
تابعني على 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 مشاركة
افتراضي رد: طريقة إستبدال ازرار الموضوع بخطوط awsome font


وعليكم السلام اخي الفاضل
الطريقة سهله باذن الله
عادة يكون كود الصورة المراد استبدالها بإيقونة بالشكل التالي : [ مثال زر تعديل المشاركة ]

HTML & CSS

<img src="$stylevar[imgdir_button]/edit.gif" alt="$vbphrase[edit_delete_message]border="0" /> 
الكود المشار اعلاه كود زر التعديل فقط ، بدون رابط الاحالة

ولكن كود الصورة + رابط الاحالة يكون بالشكل التالي :

HTML & CSS

<a href="$post[editlink]name="vB::QuickEdit::$post[postid]"><img src="$stylevar[imgdir_button]/edit.gif" alt="$vbphrase[edit_delete_message]border="0" /></a
وبما اننا سنقوم بالغاء الصورة واستبدالها بإيقونة فيجب علينا الغاء كود الصورة كامل ليصبح بالشكل التالي :

HTML & CSS

<a href="$post[editlink]name="vB::QuickEdit::$post[postid]"></a
الان تم الغاء كود الصورة من الرابط
باقي علينا كيف نضيف الايقونة ؟؟
طبعا الايقونة هي عبارة عن كلاس class مثل أي كلاس آخر
يمكن التحكم بخصائصه عن طريق css مثل الحجم اللون ... الخ
ولإظهار الايقونة في الرابط علينا اضافة كلاس class داخل وسم الرابط ليكون بهذا الشكل :

HTML & CSS

<class="icon" href="$post[editlink]name="vB::QuickEdit::$post[postid]"></a
مع مراعاة اضافة كود الايقونة بدل كلمة icon
ايضا يوجد وصف داخل وسم الصورة والمعروف بـ alt
ولكن لايمكن اضافته لوسم الرابط ، لذا علينا استبداله بـ title ومن ثم نقوم بنسخ الوصف من الصورة ووضعه داخل title في وسم الرابط .
وبذلك سيعمل الزر وبجواره الايقونة + الوصف ..

انتهى الشرح ..

أي استفسارات اخرى يمكن طرحها للمناقشة هنا ..




توقيعي



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



   رقم المشاركة [ 3 ]
19-04-2015, 06:08 PM
تابعني على 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 مشاركة
افتراضي رد: طريقة إستبدال ازرار الموضوع بخطوط awsome font


يغلق لعدم المتابعة ..




توقيعي



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



 

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

الكلمات الدلالية (Tags)
awsome, الموضوع, ازرار, بخطوط, font, إستبدال, طريقة

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

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

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

المواضيع المتشابهه للموضوع: طريقة إستبدال ازرار الموضوع بخطوط awsome font
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[ شرح ] طريقة إستخدام font icon AlM6weR تطوير المواقع والمنتديات 6 02-01-2017 01:08 AM
[ طلب ] || تابع || استبدال ازرار الموضوع بايقونات باستخدام مكتبة 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
[ Css ] طريقة عمل ازرار تتغير عند مرور الماوس عليها AlM6weR اكواد منتديات vBulletin 3.x.x 4 21-11-2014 10:14 PM
[ BBcode ] طريقة عمل ازرار بروابط للمنتدى + الشرح AlM6weR اكواد منتديات vBulletin 3.x.x 4 18-07-2013 08:25 AM


الساعة الآن 12:15 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.
المشاركات والمواضيع تعبر عن رأي كاتبها وليس بالضرورة رأي المطوّر
وجميع الحقوق محفوظة لاصحابها