كود الرتب

اريد كود جعل الرتبة بهذا الشكل
https://i.imgur.com/yuuHgfS.png

ملحوظة الرتبة ليست صورة
بل هي كود كتابي وانا اريد كود مثله
وشكرا مقدماً

حضرتك بتحط لأسم الرتبه class و بتيجي في ال css بتحط خواص لل class اللي انت عملته
مثلا
اسم الرتبه: Admin
قم بتغير اسم الرتبه الي

الكود:

<span class="admin">Admin</span>

و تروح لورقة ال css
و تحط كود ينسق الكلاس دا
مثلا

الكود:

.admin {
background-color: #333;
padding:5px 20 px;
color: #FFF;
}

الكود في خطأ
تم العثور على خلل
لقد قمنا بإيجاد عدد مختلف من "{" و "}". هذا يعني أن CSS الخاص بك قد لا يعمل و لن يظهر بشكل لائق في منتداك.

ننصحك بمراجعة الكود المستعمل.

الكود:

<span class="Admin">اسم الرتبه</span>


ثم نذهب الى لوحة الادارة >> مظهر المنتدى >>    الصور و الألوان >> الوان >> ورقة تصميم css

ضع الكود التالي :

الكود:


.Admin {
    background: none repeat scroll 0 0 rgba(255, 1, 1, 0.42); /* لون خلفية الرتبة*/
    border-radius: 2px;
    color: #0A0300; /* لون الكتابة للرتبة*/
    display: inline-block;
    font-size: 12px; /*حجم خط الرتبة*/
    font-weight: 700; /* تعريض الرتبة*/
    padding: 3px 15px; /* تكبير وتحكم بخلفية الرتبة*/
}

كود ال css يعمل جيدا اعتقد انك نسخته غير كامل
اضغط علي تظليل المحتوى وانسخ الكود بطريقة صحيحة


الكود بالتفصيل

الكود:

.admin {
background-color: #FF0000; /* لون الخلفية */
padding:5px 20px; /* لون حجم الخلفية*/
color: #FFF; /* لون النص */
}

تمام كده الاتنين شغالين
بس ازاي معلش اضيف صورة زي الكرستالة
او التاج او غيرها جنب اسم الرتبة ؟

تم حل المشكلة مشكورين