[أحلى منتدى] شرح عمل رتب نصية بشكل جديد
الخميس 4 أبريل 2024 - 0:38
بسم الله الرحمن الرحيم
اليوم سنقوم بأنشاء او تصميم رتب نصيه لمنتديات احلى منتدى + وضع ايقونه او رمز بجانب الرتبه
بسم الله نبدأ
اولاً:
نقوم بانشاء رتبه جديدة من لوحة الأدارة - الأعضاء & المجموعات - ادارة الرتب - أضف رتبة جديداًّ
عنوان الرتبة:
- الكود:
<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;
}
انتهى الشرح
بالتوفيق للجميع
سجل دخولك أو سجل عضوية جديدة لتستفيد أكثر من المنتدى!
سجل دخولك أو سجل عضوية جديدة لتحصل على المزيد من المنتدى!
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى