كود الرتب

اذهب الى الأسفل

تم الحل كود الرتب

مُساهمة من طرف Gamal Mohammed في الإثنين 16 أكتوبر 2017 - 0:14

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

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


عدل سابقا من قبل Gamal Mohammed في الإثنين 16 أكتوبر 2017 - 17:52 عدل 1 مرات
avatar
Gamal Mohammed
 
 

ذكر
عدد المساهمات : 671
معدل النشاط : 2855
السُمعة : 7

http://yukajo.yoo7.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: كود الرتب

مُساهمة من طرف omarpop23 في الإثنين 16 أكتوبر 2017 - 12:39

حضرتك بتحط لأسم الرتبه class و بتيجي في ال css بتحط خواص لل class اللي انت عملته
مثلا
اسم الرتبه: Admin
قم بتغير اسم الرتبه الي
الكود:
<span class="admin">Admin</span>
و تروح لورقة ال css
و تحط كود ينسق الكلاس دا
مثلا
الكود:
.admin {
background-color: #333;
padding:5px 20 px;
color: #FFF;
}
avatar
omarpop23
 
 

ذكر
عدد المساهمات : 1149
معدل النشاط : 3444
السُمعة : 123

http://www.best-devs.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: كود الرتب

مُساهمة من طرف Gamal Mohammed في الإثنين 16 أكتوبر 2017 - 15:46

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

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

ذكر
عدد المساهمات : 671
معدل النشاط : 2855
السُمعة : 7

http://yukajo.yoo7.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: كود الرتب

مُساهمة من طرف النجم الذهبى في الإثنين 16 أكتوبر 2017 - 16:41

الكود:
<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; /* تكبير وتحكم بخلفية الرتبة*/
}
avatar
النجم الذهبى
اشراف عام المساعدة
اشراف عام المساعدة

ذكر
عدد المساهمات : 19492
معدل النشاط : 17375
السُمعة : 114

http://el3malka.0wn0.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: كود الرتب

مُساهمة من طرف omarpop23 في الإثنين 16 أكتوبر 2017 - 16:46

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


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


عدل سابقا من قبل omarpop23 في الإثنين 16 أكتوبر 2017 - 16:51 عدل 1 مرات
avatar
omarpop23
 
 

ذكر
عدد المساهمات : 1149
معدل النشاط : 3444
السُمعة : 123

http://www.best-devs.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: كود الرتب

مُساهمة من طرف Gamal Mohammed في الإثنين 16 أكتوبر 2017 - 16:51

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

ذكر
عدد المساهمات : 671
معدل النشاط : 2855
السُمعة : 7

http://yukajo.yoo7.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: كود الرتب

مُساهمة من طرف omarpop23 في الإثنين 16 أكتوبر 2017 - 17:29

الكود:

admin:before {
    background: url(رابط الصورة) no-repeat 50% 50% #929292;
    background-size: 15px!important;
    border-radius: 100%;
    content: "";
    display: inline-block;
    height: 23px;
    margin-left: 3px;
    vertical-align: middle;
    width: 23px;
}
avatar
omarpop23
 
 

ذكر
عدد المساهمات : 1149
معدل النشاط : 3444
السُمعة : 123

http://www.best-devs.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: كود الرتب

مُساهمة من طرف Gamal Mohammed في الإثنين 16 أكتوبر 2017 - 17:53

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

ذكر
عدد المساهمات : 671
معدل النشاط : 2855
السُمعة : 7

http://yukajo.yoo7.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى