كود الرتب

3 مشترك

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

كود الرتب Empty كود الرتب

مُساهمة من طرف Gamal Mohammed 16/10/2017, 1:14 am

اريد كود جعل الرتبة بهذا الشكل
https://i.imgur.com/yuuHgfS.png
كود الرتب YuuHgfS
ملحوظة الرتبة ليست صورة
بل هي كود كتابي وانا اريد كود مثله
وشكرا مقدماً


عدل سابقا من قبل Gamal Mohammed في 16/10/2017, 6:52 pm عدل 1 مرات
Gamal Mohammed
Gamal Mohammed
 
 

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

http://yukajo.yoo7.com

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

كود الرتب Empty رد: كود الرتب

مُساهمة من طرف omarpop23 16/10/2017, 1:39 pm

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

ذكر
عدد المساهمات : 1522
معدل النشاط : 6854
السُمعة : 218

http://www.best-devs.net

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

كود الرتب Empty رد: كود الرتب

مُساهمة من طرف Gamal Mohammed 16/10/2017, 4:46 pm

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

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

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

http://yukajo.yoo7.com

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

كود الرتب Empty رد: كود الرتب

مُساهمة من طرف النجم الذهبى 16/10/2017, 5:41 pm

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

ذكر
عدد المساهمات : 19882
معدل النشاط : 20781
السُمعة : 153

https://www.mixatk1.com

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

كود الرتب Empty رد: كود الرتب

مُساهمة من طرف omarpop23 16/10/2017, 5:46 pm

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

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


عدل سابقا من قبل omarpop23 في 16/10/2017, 5:51 pm عدل 1 مرات
omarpop23
omarpop23
 
 

ذكر
عدد المساهمات : 1522
معدل النشاط : 6854
السُمعة : 218

http://www.best-devs.net

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

كود الرتب Empty رد: كود الرتب

مُساهمة من طرف Gamal Mohammed 16/10/2017, 5:51 pm

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

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

http://yukajo.yoo7.com

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

كود الرتب Empty رد: كود الرتب

مُساهمة من طرف omarpop23 16/10/2017, 6:29 pm

الكود:

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;
}
omarpop23
omarpop23
 
 

ذكر
عدد المساهمات : 1522
معدل النشاط : 6854
السُمعة : 218

http://www.best-devs.net

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

كود الرتب Empty رد: كود الرتب

مُساهمة من طرف Gamal Mohammed 16/10/2017, 6:53 pm

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

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

http://yukajo.yoo7.com

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

كود الرتب Empty رد: كود الرتب

مُساهمة من طرف النجم الذهبى 16/10/2017, 6:55 pm

تم حل المشكلة & ينقل للأرشيف.
يرجى مراجعة : قوانين منتدى الدعم
النجم الذهبى
النجم الذهبى
 
 

ذكر
عدد المساهمات : 19882
معدل النشاط : 20781
السُمعة : 153

https://www.mixatk1.com

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

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

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

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