css] كود وضع صورة بجانب المجموعات وكيفية التركيب

*السلام عليكم ورحمة الله وبركاته

اليوم حبيت اعمل لكم شرح لكيفية وضع صورة بجانب اعضاء المجموعات

مع الكود الذي سنحتاجه بالشرح

وستكون الصوره بجانب اسم عضو المجموعه في كل مكان في البيانات والاحصائيات وكل شي

اولا خلينا نشوف نتائج الشرح


صورة في بيانات الكاتب




وصورة اخرى للاعضاء في الاحصائيات




الان مع الشرح سنحتاج الى هذا الكود

وهو الكود الرئيسي
[left][color=#000000]

الكود:

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

هذا الكود الذي في الاعلى هو لمجموعة الادارة او مؤسس المنتدى


ولكي تقوم بتغير الصوره لمجموعه اخرى

يجب عليك اولا

تغيير رمز اللون هذا

الكود:

#FF0000

برمز لون المجموعه الي تريدها

حسب التالي

لوحة الادارة >>> الاعضاء والمجموعات >>> المجموعات >>> ادارة المجموعات

وبعدها تضغط تعديل اي مجموعه

ونقوم بنسخ رمز اللون كما في الصوه




بعدها نستبدل رمز اللون الي في الكود بالرمز الجديد الذي قمنا بنسخه

اما بشأن تغيير صور

المجموعات فيمكنك تغير الصوره حسب ما بدك


فقط غير رابط الصوره الي في الكود
هذا الرابط

الكود:

http://i73.servimg.com/u/f73/11/60/75/36/admini10.png

غيره بالصوره الي في بالك

وهذه مجموعه من الصور

لنسهل عليك عملية البحث


اتمنى ان يكون الشرح وافي لكل زائر وعضو

لا احلل نقل الشرح بدون ذكر المصدر

تقبلوا تحياتي