شرح تصميم رتب نصية 2018

3 مشترك

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

بسم الله نبدأ

اولاً:

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

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

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

رابط صورة الرتبة: اتركها فارغه

ثم سجل

ثانيا

نذهب الي ورقة الـ CSS و تنسيق الرتبه الذي قمنا بتسميتها بأسم rotba1 ونقوم بتنسيقها

الكود:: [center] background: #348bc2;[/center] [center] border-radius: 10px;[/center] [center] color: #FFF;[/center] [center] display: block;[/center] [center] margin: 0 auto;[/center] [center] padding: 5px;[/center] [center] text-align: center;[/center] [center] width: 90%;[/center] [center]}

وهكذا نكون قد انتهينا باقي وضع صورة او رمز بجانب الرتبه

الكود:: [center] background: url(https://i.servimg.com/u/f11/16/73/90/65/115.png) no-repeat 50% 50% rgba(0,0,0,0.2);[/center] [center] background-size: 15px!important;[/center] [center] border-radius: 100%;[/center] [center] content: "";[/center] [center] display: inline-block;[/center] [center] height: 23px;[/center] [center] margin-left: 3px;[/center] [center] vertical-align: text-top;[/center] [center] width: 23px;[/center] [center]}

وهكذا يكون قد انتهي الشرح اذا واجهتك أي مشكلة قم بفتح موضوع في القسم المناسب و سأقوم بالرد عليك Wink

جزاك الله خيرا

و جعله فى ميزان حسناتك

جزاك الله خيرا