ندعم منتديات vBulletin بتقنية Css3
A L 6 W E R

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


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

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

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

الموضوع مغلق
 
المشاهدات 1267 الردود 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
تابعني على instaram
الصورة الرمزية لـ AlM6weR
AlM6weR
متواجد
[ مؤسس معهد المطوّر ]
اسمي : أبومحمد , من : الرياض , أهتم بـ البرمجة - تطوير المواقع .
عضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركة
تاريخ الإنضمام07-06-2010 عدد المشاركات7,834 تقييم المستوى17848 الدولة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 في وسم الرابط .
وبذلك سيعمل الزر وبجواره الايقونة + الوصف ..

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

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




توقيعي

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

alm6wergmail.com - alm6werlive.com - alm6weryahoo.com

ندعم جميع منتديات الجيل الثالث

مواقعنا :
  1. www.6wer.com
  2. www.alm6wer.com




   رقم المشاركة [ 3 ]
19-04-2015, 06:08 PM
تابعني على facebook
تابعني على twitter
تابعني على google plus
تابعني على youtube
معهد المطوّر
1
تابعني على instaram
الصورة الرمزية لـ AlM6weR
AlM6weR
متواجد
[ مؤسس معهد المطوّر ]
اسمي : أبومحمد , من : الرياض , أهتم بـ البرمجة - تطوير المواقع .
عضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركة
تاريخ الإنضمام07-06-2010 عدد المشاركات7,834 تقييم المستوى17848 الدولةsaudi arabia
الإعجابات التي قدمها للأعضاء 286   تم شكره 747 مرة في 568 مشاركة
افتراضي رد: طريقة إستبدال ازرار الموضوع بخطوط awsome font


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




توقيعي

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

alm6wergmail.com - alm6werlive.com - alm6weryahoo.com

ندعم جميع منتديات الجيل الثالث

مواقعنا :
  1. www.6wer.com
  2. www.alm6wer.com




 

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

الكلمات الدلالية (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


الساعة الآن 01:13 AM

توافق أكواد المعهد

تم التحقق بنجاح هذا الموقع من أخطاء XHTML  Valid XHTML 1.0 Transitional

تم التحقق بنجاح هذا الموقع من أخطاء CSS3  Valid CSS!

ترتيب الكسا alexa

من نحن

معهد المطور
موقع يهتم بتطوير المواقع والمنتديات وتحسين بيئة عمل المواقع العربية

أهدافنا

نسعى جاهدين لرقي المواقع العربية وتحسين بيئتها من خلال مناقشة كل ما يخص التطوير بوجه عام

خدماتنا

نمد يد العون لجميع اصحاب المواقع ، ونجيب عن جميع استفساراتهم قدر الامكان
كما نتطلع دائما لطرح الجديد والمفيد لهم

الدعم الفني المدفوع

خصصنا هذة الخدمة لاصحاب المواقع الجديدة ، وكذلك لمن تنقصه الخبره في تولي ادارة المواقع

مواقع صديقة

تجربتي

لماذا هذه المواقع ؟

هذا المساحة خصصت لإعضاء معهد المطور الذين يملكون مواقع مفيدة ، وحيث ترى إدارة معهد المطور ان هذه المواقع لها العديد من المواضيع المفيدة و القيمة التي تستحق الاشاده بها

الحقوق

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

تاريخ انشاء الموقع

08-06-2010