شرح عمل رتب نصية بشكل جديد على احلى منتدى

[Admin]

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

بسم الله نبدأ

اولاً:

نقوم بانشاء رتبه جديدة من   لوحة الأدارة - الأعضاء & المجموعات - ادارة الرتب - أضف رتبة جديداًّ 

عنوان الرتبة: 

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

انتهى الشرح

المصدر : منتديات devs

بالتوفيق للجميع

والسلام ختام​

 

[dzweb]

مبدع للامام واصل