لونك المفضل
الألوان
chatالمواضيع الأخيرة
new_releasesأفضل 10 أعضاء في هذا الأسبوع
new_releasesأفضل 10 أعضاء في هذا الشهر
bubble_chartالمتواجدون الآن ؟
ككل هناك 9 عُضو متصل حالياً :: 0 عضو مُسجل, 0 عُضو مُختفي و 9 زائر :: 1 روبوت الفهرسة في محركات البحث

لا أحد

أكبر عدد للأعضاء المتواجدين في هذا المنتدى في نفس الوقت كان 494 بتاريخ 2019-03-19, 11:43 am

موقع احلى مطور

موقع احلى مطور لتطوير و تنمية منتديات أحلى منتدى

عنوان الخبر

تفاصيل الخبر

عنوان الخبر

تفاصيل الخبر

كلمات دليلية:

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

omarpop23
المؤسس
 نُشر في 2017-11-13

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

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

الكود:

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

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

شرح تصميم رتب نصية 2018 Emptyرد: شرح تصميم رتب نصية 2018

JoryAbdallah
المؤسس
 نُشر في في 2017-11-13, 11:25 pm
ممتاز شرح راااااىع
يستحق التاج الملكي
من مبرمج عرف باحترافية عالية
احلى تقييم يابرنس

شرح تصميم رتب نصية 2018 Emptyرد: شرح تصميم رتب نصية 2018

omarpop23
المؤسس
 نُشر في في 2017-11-14, 12:15 am
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] كتب:
ممتاز شرح راااااىع
يستحق التاج الملكي
من مبرمج عرف باحترافية عالية
احلى تقييم يابرنس

تسلمي ياجوري Angel

شرح تصميم رتب نصية 2018 Emptyرد: شرح تصميم رتب نصية 2018

THEBOSS
عضو احلى مطور
 نُشر في في 2017-11-18, 6:11 pm
شرح مميز و رائع المزيد من التألق

شرح تصميم رتب نصية 2018 Emptyرد: شرح تصميم رتب نصية 2018

medoman2020
عضو احلى مطور
 نُشر في في 2017-11-18, 6:47 pm
ازاى احط التاج للمجكوعات وازيله للاعضاء

شرح تصميم رتب نصية 2018 Emptyرد: شرح تصميم رتب نصية 2018

omarpop23
المؤسس
 نُشر في في 2017-11-18, 7:33 pm

شرح تصميم رتب نصية 2018 Emptyرد: شرح تصميم رتب نصية 2018

ahmdsat
عضو شرف
 نُشر في في 2018-05-08, 1:19 pm
شرح مميز و رائع مشاء الله عمل ممتاز يا عمر

اعلانات نصية