كود [CSS] لوضع ايقونة بجوار أى عضو منتمى لمجموعة وهو حصرى مقدم من شركة المساعدون العرب ولأول مرة شرح العمل بالتفصيل..

السلاام عليكم ورحمةة الله وبركاته هــ
أهلاً بالجميع لدينا اليوك كود css لوضع ايقونة بجوار إسم العضو الذى ينتمى للفريق ،
الكود يمكنك وضع لكل مجموعة الكود وهو يوضع فى ورقة ال css تحت بعضه اى يمكنك تكرار الكود عدة مرات لكى ينطبق على المجموعات المجمودة عندك ..
أود أن أريكم صورة من الكو مع العلم الأعضاء الذين فى الفريق فى الصورة هم تجريبيون ..
صورة للكود بعد تجريب الكود ..

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

؛ الكود التالى هو كود مجرب على منتدى الدعم والمساعده كما انه يركب هناك لكن لن يركب بمنتتداك وسوف اقول لك كيف تركبه ..

الكود:

a span[style="color:#008F37"] strong {
    background: url("http://i73.servimg.com/u/f73/11/60/75/36/helper10.png") no-repeat scroll 0 0 transparent;
    padding-left: 17px;
}

^-^

وهذا الكود الفارغ تماماً ..
تفضلوا

الكود:

a span[style="color:لون المجموعة"] strong {
    background: url("رابط الأيقونة") no-repeat scroll 0 0 transparent;
    padding-left: 17px;
}

^-^

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

+
ثانياً ..
ولو لديك عدة مجموعات يمكنك تكرار الكود عدة مرات فى ورقة الcss ولكن بين كل كود مسافة وتفعل نفس الخطوات ..

طريقة وضع الكود
لوحة الإدارة ، مظهر المنتدى ، الصور والأولان ثم الوان ؛ وبعدها ورقة تصميم css
تحياتى لكم ,
تم تقديم الشرح بواسطة شركة المساعدون العرب ويرجى عدم نزع الحقوق إطلاقاً ^-*
وتكرم علينا بالتسجيل معنا ولا تبخل فنحن تكرمنا عليك بتقديم الشرح " !!

تسلم اخي على مجهودك

شكرا ع المرور العطر يا غالى ^^

شكرا لك ..