سجل في المعهد لتفعيل روابط التحميل

للتسجيل اضغط على الزر التسجيل
ندعم منتديات vBulletin بتقنية Css3
A L 6 W E R

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


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

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

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

الموضوع مغلق
 

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

تاريخ الإنضمام02-02-2015 عدد المشاركات8 تقييم المستوى0
الإعجابات التي قدمها للأعضاء 4  
افتراضي طريقة إستبدال ازرار الموضوع بخطوط 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,904 تقييم المستوى17922 الدولةsaudi arabia
الإعجابات التي قدمها للأعضاء 289   تم شكره 749 مرة في 570 مشاركة
افتراضي رد: طريقة إستبدال ازرار الموضوع بخطوط 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,904 تقييم المستوى17922 الدولةsaudi arabia
الإعجابات التي قدمها للأعضاء 289   تم شكره 749 مرة في 570 مشاركة
افتراضي رد: طريقة إستبدال ازرار الموضوع بخطوط 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


الساعة الآن 08:32 PM

RSS RSS 2.0 XML Sitemap1 Sitemap2 HTML Tags اتصل بنا بيان الخصوصية

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