شرح كيفية إضافة ايقونة قبل النص بتقنية Css

		منتدى استراحات زايد > استراحات اخرى > منتدى أخبار المواقع والمنتديات العربية والأجنبية
شرح كيفية إضافة ايقونة قبل النص بتقنية Css

:: افضل مركز للعناية بالسيارات بالرياض (آخر رد :رودى طه) :: دورة الملكية الفكرية في التراث الشعبي (الفلوكلور) تقديم د.رباب المعبي (آخر رد :عمران بحر) :: افضل انواع يد بلاستيشن 5 (آخر رد :بوابة الصين العربية) :: موقع خاص لحجوزات الأفضل لتذاكر الطيران و حجوزات الفنادق (آخر رد :عمران بحر) :: مقاول أسمنت بورد بالرياض | تركيب احترافي وجودة عالية 0551033861 (آخر رد :ksa ads) :: افضل فساتين باسعار مميزة في السعودية (آخر رد :رودى طه) :: افضل فساتين باسعار مميزة في السعودية (آخر رد :رودى طه) :: دعوى ميراث بالرياض: دليل شامل لفهم الإجراءات القانونية (آخر رد :نادية معلم) :: اخصائية مساج الخبر منزلى 0533972744 (آخر رد :رودى طه) :: massage in riyadh (آخر رد :رودى طه)

08-09-2011, 06:00 PM

عضو ماسي

بيانات محروم.كوم

رقم العضوية : 503

تاريخ التسجيل : Dec 2007

الجنس : female

علم الدوله : الدوله : United Arab Emirates

المشاركات : 2,100,669

عدد الـنقاط :3341

تقييم المستوى : 2140

شرح كيفية إضافة ايقونة قبل النص بتقنية Css

الـسلام عليكم ورحمة الله وبركاته ، بسم الله الرحمن الرحيم

أخـباركم يالغالين ،، إن شاء الله بخير دايـماً ..

الأن أقدم لكم ،’

شرح كيفية إضافة ايقونة قبل النص بتقنية Css

مثـال مباشر ..

Text Icons - Progs4u.net

فحص html هنــــا ، فحص css هنــــا

================================================== ===

اولاً : نضيف كود التالى ..

رمز Code:

وبعد ذلك نضيف كلاس بإى اسم ..

رمز Code:

تمـام وبعد ذلك نضيف النص او الكلام ..

رمز Code:
معهد برامج فور يو

كده خلصنا التوزيع ، الأن نكتب اكواد سى اس اس Css

نضيف اسم كلاس وبعد ذلك نضيف مسار ايقونة ( صورة ) ..

ونضيف كود ايقونة لا تتكرار ( no-repeat ) ونضيف كود المكان ايقونة ( Right )

ملاحظة فى كود المكان : لو النص فى اليمين يبقى نكتب Right علشان نجعل ايقونة فى يمين ..

ولو النص فى الشمال يبقى نكتب Left علشان نجعل ايقونة فى شمال ..

وبعد ذلك نضيف كود المكان نص Text-align حسب ايقونة ..

ده شكل نهائى

فى مشكلة صح ، ولكن عادى نضيف كود ابعاد النص Padding

لو ايقونة فى يمين نضيف هذا Padding-Right

ولو ايقونة فى شمال نضيف هذا Padding-Left

طيب ازاى اضف رقم بيسكل ؟ ، طبعا اضف رقم فى مقاس عرض 20px على صورة ( ايقونة ) ..

ده شكل نهائى

إنتهت ،، تم بحمد لله

المصدر : هنـــــــا

والـسلام عليكم ..

__DEFINE_LIKE_SHARE__

إعلانات عشوائية

تعارف بلاك بيري	صور بلاك بيري	قروبات بلاك بيري	اخبار رياضية	العاب فلاش	اهداءات اغاني للهواتف	نغمات جوال
أغاني	مسلسلات رمضان	مسجات	سوق محروم	سيارات للبيع	ارقام سيارات للبيع	برودكاست

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

« عرض خاص بمناسبة رمضان والاعياد والكميه محدوده عطورات مركزه 100 ملي 60 درهم | الحقوقي الكبير نبيل رجب يرسل رسالة مفتوحة الى البرفسور بسيوني »

أدوات الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق
انواع عرض الموضوع
الانتقال إلى العرض العادي العرض المتطور الانتقال إلى العرض الشجري

تعليمات المشاركة

لا تستطيع إضافة مواضيع جديدة

لا تستطيع الرد على المواضيع

لا تستطيع إرفاق ملفات

لا تستطيع تعديل مشاركاتك

BB code is متاحة

الابتسامات متاحة

كود [IMG] متاحة

كود HTML معطلة

Trackbacks are متاحة

Pingbacks are متاحة

Refbacks are متاحة

قوانين المنتدى

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
كيفية إضافة تنبيه للسرعة	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	11-23-2010 07:13 PM
شرح شرح إضافة أيقونة مشاركة جديدة بالصوره مع ملف ايقونة	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	04-19-2010 04:30 AM
كيفية عمل هذا بالجافاسكربت للمحرر عند الضغط علي ايقونة اضافة صورة	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	1	06-23-2009 06:35 AM
[إستفسار] كيفية عمل اللمعة على النص	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	05-19-2009 11:20 AM
كيفية إضافة فلاش في المنتدى	قلب ماماتي	دورات - دروس التصميم	29	12-18-2008 02:02 AM

الساعة الآن 10:32 AM

RSS RSS 2.0 XML MAP HTML