معهد ترايدنت TRAIDNT FORUM
يا ضيفنا الكريم سلام الله عليك
نعلم جميعاً ان المنتدي مكان لتبادل المنفعة ولكي نفيد ونستفيد ..
من فضلك ساهم بقدر المستطاع واجعل دورك فعال بالمنتدي على الأقل قم بشكر الشخص الذي إستفدت من موضوعه ..
فنحن نعمل جميعاً على نشر الفائدة فشارك في هذا العمل ولا تكتفي بالمشاهدة فقط ..

انضم إلى المنتدى ، فالأمر سريع وسهل

معهد ترايدنت TRAIDNT FORUM
يا ضيفنا الكريم سلام الله عليك
نعلم جميعاً ان المنتدي مكان لتبادل المنفعة ولكي نفيد ونستفيد ..
من فضلك ساهم بقدر المستطاع واجعل دورك فعال بالمنتدي على الأقل قم بشكر الشخص الذي إستفدت من موضوعه ..
فنحن نعمل جميعاً على نشر الفائدة فشارك في هذا العمل ولا تكتفي بالمشاهدة فقط ..
معهد ترايدنت TRAIDNT FORUM
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.
اذهب الى الأسفل
TRAIDNT
TRAIDNT
مدير المنتدى
 مدير المنتدى
المساهمات : 95
نقاط : 269
السٌّمعَة : 0
https://www.traidnt-ar.com

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

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

انتهى الشرح
بالتوفيق للجميع
الرجوع الى أعلى الصفحة

سجل دخولك أو سجل عضوية جديدة لتستفيد أكثر من المنتدى!

سجل دخولك أو سجل عضوية جديدة لتحصل على المزيد من المنتدى!

تسجيل الدخول

إذا كان لديك حساب ، الرجاء تسجيل الدخول

تسجيل الدخول
تسجيل عضوية جديدة

إنشاء حساب جديد في المنتدى مجاني تمامًا

قم بالتسجيل الآن
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسئولية نفسه إتجاه مايقوم به من بيع وشراء وإتفاق وأعطاء معلومات موقعه
التعليقات المنشورة لا تعبر عن رأي معهد ترايدنت ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)