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

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

تكبير الصورة معاينة الأبعاد الأصلية.

http://im37.gulfup.com/n0rCQ.png

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


الرمز: تضليل المحتوى
   a span[style="color:#008F37"] strong {
       background: url("https://i.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
تحياتى لكم ,
تم تقديم الشرح بواسطة شركة المساعدون العرب ويرجى عدم نزع الحقوق إطلاقاً ^-*
وتكرم علينا بالتسجيل معنا ولا تبخل فنحن تكرمنا عليك بتقديم الشرح " !!





المصدر: كود [CSS] لوضع ايقونة بجوار أى عضو منتمى لمجموعة وهو حصرى مقدم من شركة المساعدون العرب ولأول مرة شرح العمل بالتفصيل.. http://mosa3edon.3rab.pro/t1395-topic#ixzz0BS3qberG
شركةالمساعدونالعرب