جاري التحميل...
المواضيع الأخيرة
أفضل 10 أعضاء في هذا الأسبوع
منتدى امجد
 
omarpop23
 

المتواجدون الآن ؟
ككل هناك 1 عُضو حالياً في هذا المنتدى :: 0 عضو مُسجل, 0 عُضو مُختفي و 1 زائر

لا أحد

[ مُعاينة اللائحة بأكملها ]


أكبر عدد للأعضاء المتواجدين في هذا المنتدى في نفس الوقت كان 178 بتاريخ 25/8/2016, 3:35 pm
احصائيات
هذا المنتدى يتوفر على 1109 عُضو.
آخر عُضو مُسجل هو king فمرحباً به.

أعضاؤنا قدموا 131 مساهمة في هذا المنتدى في 24 موضوع
تسجيل صفحاتك المفضلة في مواقع خارجية

تسجيل صفحاتك المفضلة في مواقع خارجية digg  تسجيل صفحاتك المفضلة في مواقع خارجية delicious  تسجيل صفحاتك المفضلة في مواقع خارجية reddit  تسجيل صفحاتك المفضلة في مواقع خارجية stumbleupon  تسجيل صفحاتك المفضلة في مواقع خارجية slashdot  تسجيل صفحاتك المفضلة في مواقع خارجية yahoo  تسجيل صفحاتك المفضلة في مواقع خارجية google  تسجيل صفحاتك المفضلة في مواقع خارجية blogmarks  تسجيل صفحاتك المفضلة في مواقع خارجية live      

قم بحفض و مشاطرة الرابط موقع احلى مطور على موقع حفض الصفحات


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

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

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


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

عنوان الرتبة:
الكود:
<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
avatar
ممتاز شرح راااااىع
يستحق التاج الملكي
من مبرمج عرف باحترافية عالية
احلى تقييم يابرنس
avatar
@JoryAbdallah كتب:ممتاز شرح راااااىع
يستحق التاج الملكي
من مبرمج عرف باحترافية عالية
احلى تقييم يابرنس
تسلمي ياجوري Angel
avatar
شرح مميز و رائع المزيد من التألق
avatar
ازاى احط التاج للمجكوعات وازيله للاعضاء
avatar
@medoman2020 كتب:
ازاى احط التاج للمجكوعات وازيله للاعضاء
قم بفتح موضوع مستقل و سيتم شرح كل الأمور لك

سجل دخولك أو انشئ حساب لترك رد

تحتاج إلى أن تكون عضوا من أجل ترك الرد.

انشئ حساب

الانضمام إلى مجتمعنا من خلال إنشاء حساب جديد. من السهل


انشئ حساب جديد

تسجل دخول

هل لديك حساب بالفعل؟ لا توجد مشكلة، قم بتسجيل الدخول هنا.


تسجيل دخول