منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.


انشاء منتدى مجاني شبيه بهذا المنتدى

كود الرتب

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

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

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

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

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


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

ذكر
عدد المساهمات : 612
معدل النشاط : 2613
السُمعة : 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
احلى مساعد
احلى مساعد

ذكر
عدد المساهمات : 888
معدل النشاط : 2978
السُمعة : 94

http://devs.ahlamontada.com

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

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

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

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

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

ذكر
عدد المساهمات : 612
معدل النشاط : 2613
السُمعة : 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
النجم الذهبى
اشراف عام المساعدة
اشراف عام المساعدة

ذكر
عدد المساهمات : 19099
معدل النشاط : 16933
السُمعة : 112

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
احلى مساعد
احلى مساعد

ذكر
عدد المساهمات : 888
معدل النشاط : 2978
السُمعة : 94

http://devs.ahlamontada.com

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

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

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

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

ذكر
عدد المساهمات : 612
معدل النشاط : 2613
السُمعة : 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
احلى مساعد
احلى مساعد

ذكر
عدد المساهمات : 888
معدل النشاط : 2978
السُمعة : 94

http://devs.ahlamontada.com

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

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

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

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

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

http://yukajo.yoo7.com

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

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

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