الـسلام عليكم ورحمة الله وبركاته ، بسم الله الرحمن الرحيم
الأن أقدم لكم ،’
شرح كيفية إضافة ايقونة قبل النص بتقنية Css
فحص html هنــــا ، فحص css هنــــا
=====================================================
اولاً : نضيف كود التالى ..
كود:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
وبعد ذلك نضيف كلاس بإى اسم ..
كود:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
تمـام وبعد ذلك نضيف النص او الكلام ..
كود:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[size=24]كده خلصنا التوزيع ، الأن نكتب اكواد سى اس اس Css
نضيف اسم كلاس وبعد ذلك نضيف مسار ايقونة ( صورة ) ..
ونضيف كود ايقونة لا تتكرار ( no-repeat ) ونضيف كود المكان ايقونة ( Right )
ملاحظة فى كود المكان : لو النص فى اليمين يبقى نكتب Right علشان نجعل ايقونة فى يمين ..
ولو النص فى الشمال يبقى نكتب Left علشان نجعل ايقونة فى شمال ..
وبعد ذلك نضيف كود المكان نص Text-align حسب ايقونة ..
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ده شكل نهائى
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
فى مشكلة صح ، ولكن عادى نضيف كود ابعاد النص Padding
لو ايقونة فى يمين نضيف هذا Padding-Right
ولو ايقونة فى شمال نضيف هذا Padding-Left
طيب ازاى اضف رقم بيسكل ؟ ، طبعا اضف رقم فى مقاس عرض 20px على صورة ( ايقونة ) ..
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ده شكل نهائى
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[/size]
الأن أقدم لكم ،’
شرح كيفية إضافة ايقونة قبل النص بتقنية Css
فحص html هنــــا ، فحص css هنــــا
=====================================================
اولاً : نضيف كود التالى ..
كود:
الكود:
<span></span>
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
وبعد ذلك نضيف كلاس بإى اسم ..
كود:
الكود:
<span class="icons"></span>
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
تمـام وبعد ذلك نضيف النص او الكلام ..
كود:
الكود:
<span class="icons">معهد برامج فور يو</span>
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[size=24]كده خلصنا التوزيع ، الأن نكتب اكواد سى اس اس Css
نضيف اسم كلاس وبعد ذلك نضيف مسار ايقونة ( صورة ) ..
ونضيف كود ايقونة لا تتكرار ( no-repeat ) ونضيف كود المكان ايقونة ( Right )
ملاحظة فى كود المكان : لو النص فى اليمين يبقى نكتب Right علشان نجعل ايقونة فى يمين ..
ولو النص فى الشمال يبقى نكتب Left علشان نجعل ايقونة فى شمال ..
وبعد ذلك نضيف كود المكان نص Text-align حسب ايقونة ..
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ده شكل نهائى
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
فى مشكلة صح ، ولكن عادى نضيف كود ابعاد النص Padding
لو ايقونة فى يمين نضيف هذا Padding-Right
ولو ايقونة فى شمال نضيف هذا Padding-Left
طيب ازاى اضف رقم بيسكل ؟ ، طبعا اضف رقم فى مقاس عرض 20px على صورة ( ايقونة ) ..
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ده شكل نهائى
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[/size]
▬▬▬▬▬▬▬▬ஜ ۩۞۩ ஜ▬▬▬▬▬▬▬▬
أهلا وسهلا يك (زائر) في منتديات التونسية للمحمول
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] قوانين منتدى التونسية للمحمول ( المرور من هنا واجب )
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] طريقة الإنظمام إلي مجموعة أعضاء سبور € GSM Tn
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] هام لكل الأعضاء الجدد {اخي ..}، كنت عضومنذُ{8 أيام الأخيرة..}
كتبت وقد أيقنت يوم كتابتي بأن يدي تفنى ويبقى كتابها فإن كتبت خيرا ستجزى بمثله وإن كتبت شراً عليها حسابها...
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] قوانين منتدى التونسية للمحمول ( المرور من هنا واجب )
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] طريقة الإنظمام إلي مجموعة أعضاء سبور € GSM Tn
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] هام لكل الأعضاء الجدد {اخي ..}، كنت عضومنذُ{8 أيام الأخيرة..}
كتبت وقد أيقنت يوم كتابتي بأن يدي تفنى ويبقى كتابها فإن كتبت خيرا ستجزى بمثله وإن كتبت شراً عليها حسابها...