اريد مثل هذا الكود

2 مشترك

اذهب الى الأسفل

تم الحل اريد مثل هذا الكود

مُساهمة من طرف زائر الأربعاء 20 ديسمبر 2017 - 18:32

السلام عليكم و رحمة الله و بركاته
اود كود و طريقة وضع الكود
مثل هذا

اريد مثل هذا الكود  10


و اريد شخص يساعدني بوضعها هذا رابط منتداي
http://www-msila-info.ahlamontada.com/
Anonymous
زائر
زائر


الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: اريد مثل هذا الكود

مُساهمة من طرف omarpop23 الأربعاء 20 ديسمبر 2017 - 20:10

omarpop23 كتب:اليوم سنقوم بأنشاء او تصميم رتب نصيه لمنتديات احلى منتدى + وضع ايقونه او رمز بجانب الرتبه
موقع احلى مطور
اريد مثل هذا الكود  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;
}
وهكذا يكون قد انتهي الشرح اذا واجهتك أي مشكلة قم بفتح موضوع في القسم المناسب و سأقوم بالرد عليك Wink
موقع احلى مطور
omarpop23
omarpop23
 
 

ذكر
عدد المساهمات : 1522
معدل النشاط : 6855
السُمعة : 218

http://www.best-devs.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: اريد مثل هذا الكود

مُساهمة من طرف زائر الخميس 21 ديسمبر 2017 - 16:28

شكرا لقد نجح
لكن كيف اغير اللون الى احمر
و الاخضر و الاصفر  البنفسجي و الوردي اريد كل ارقام هاته الالوان
Anonymous
زائر
زائر


الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: اريد مثل هذا الكود

مُساهمة من طرف Gamal Mohammed الخميس 21 ديسمبر 2017 - 17:40

يمكنك التحكم بلون الخلفية التي تريدها عن طريق تغيير
الكود:
#348bc2
في الكود باللون الذي تريدة

ويمكنك تغيير خط الكتابة بتغيير
الكود:
#FFF
الي اللون الذي تريدة
Gamal Mohammed
Gamal Mohammed
 
 

ذكر
عدد المساهمات : 525
معدل النشاط : 5263
السُمعة : 7

http://yukajo.yoo7.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: اريد مثل هذا الكود

مُساهمة من طرف omarpop23 الخميس 28 ديسمبر 2017 - 6:52

تم حل المشكلة & ينقل للأرشيف.
يرجى مراجعة : قوانين منتدى الدعم
omarpop23
omarpop23
 
 

ذكر
عدد المساهمات : 1522
معدل النشاط : 6855
السُمعة : 218

http://www.best-devs.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى