اود عدة كودات

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

تم الحل اود عدة كودات

مُساهمة من طرف زائر الإثنين 25 ديسمبر - 16:54

اليوم سنقوم بأنشاء او تصميم رتب نصيه لمنتديات احلى منتدى + وضع ايقونه او رمز بجانب الرتبه
موقع احلى مطور
اود عدة كودات  Untitl15

بسم الله نبدأ
اولاً:
نقوم بانشاء رتبه جديدة من   لوحة الأدارة - الأعضاء & المجموعات - ادارة الرتب - أضف رتبة جديداًّ
موقع احلى مطور
عنوان الرتبة:
الكود: ---------تضليل المحتوى
الكود:
<strong class="rotba1">احلى ادارة</strong>

تعيين هذه الرتبة كرتبة خاصة: علي كيفك انت

رابط صورة الرتبة: اتركها فارغه
موقع احلى مطور
ثم سجل

ثانيا
نذهب الي ورقة الـ CSS و تنسيق الرتبه الذي قمنا بتسميتها بأسم rotba1 ونقوم بتنسيقها
الكود: ---------تضليل المحتوى
الكود:
.rotba1 {
    background: #348bc2;
    border-radius: 10px;
    color: #FFF;
    display: block;
    margin: 0 auto;
    padding: 5px;
    text-align: center;
    width: 90%;
}
وهكذا نكون قد انتهينا باقي وضع صورة او رمز بجانب الرتبه
الكود: ---------تضليل المحتوى
الكود:
.rotba1:before {
    background: url(https://i.servimg.com/u/f11/16/73/90/65/115.png) no-repeat 50% 50% rgba(0,0,0,0.2);
    background-size: 15px!important;
    border-radius: 100%;
    content: "";
    display: inline-block;
    height: 23px;
    margin-left: 3px;
    vertical-align: text-top;
    width: 23px;
}






--------------------------------------------
لقد نجح كود لكن الان انا اريد
تصميم كود نفسه
لكن بشك لمختلف
اود كود مكتوب عليه:
- مشرفة عامة وصورة مختلفة لون احمر داكن
- مشرف عام و صورة مختلفة لون بنفسجي
- استاذة للطور الثانوي و صورة مختلفة لون أصفر يميل للبرتقالي
- استاذ للطور ثانو ي وصورة مختلفة لون اخضر
- استاذ للتعليم المتوسط وصورة مختلفة لون اسود
- استاذة للتعليم المتوسط وصورة مختلفة لون ازرق

اي ارد صور مختلفة
و كود الوان مختلف
Anonymous
زائر
زائر


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

تم الحل رد: اود عدة كودات

مُساهمة من طرف زائر الثلاثاء 26 ديسمبر - 14:03

ارجوكم اود مساعدة
Anonymous
زائر
زائر


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

تم الحل رد: اود عدة كودات

مُساهمة من طرف زائر الثلاثاء 26 ديسمبر - 14:26

لا اريد تصميم رتبة فانا اعرف التصميم
اود لون للرتبة اقصده الارقام الون مثل
الكود:
#348bc2
و صور
Anonymous
زائر
زائر


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

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

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

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