logo

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





21-01-2020 04:29 مساءً
معلومات الكاتب ▼
تاريخ الإنضمام : 15-01-2020
رقم العضوية : 1
المشاركات : 2235
الدولة : فلسطين
الجنس :
تاريخ الميلاد : 11-9-1998
الدعوات : 18
قوة السمعة : 440
موقعي : زيارة موقعي

بسم الله الرحمن الرحيم

اقدم لكم طريقة جديدة لعرض القاب الاعضاء في منتديات الـ VBulletin
خلفية مع صورة بجانب اللقب
باستخدام اكواد الـ css





مثال على الكود

2551253683
ieo10
1314
ieo10
طريقة التركيب :
اولا حبيت انوه انه الكود يشتغل فقط على الاستايلات اللي تضع فيها الـ css
يعني كل استايل بدك يشتغل فيه بدك تفوت يدويا تركب الاكواد
اولا :
ندخل لوحة التحكم - التحكم بالاستايلات - ورقة css - والصندوق اللي بالاعلى css اضافي ضع به الاكواد التالية
CODE
.rr {
    background: #de0c0c;
    color: #FFF;
    border-radius: 10px;
    padding: 5px;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    display: block;
}
.rr:before {
    background: url(images/rr/ad.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;
}

.rr1 {
    background: #3d52f5;
    color: #FFF;
    border-radius: 10px;
    padding: 5px;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    display: block;
}
.rr1:before {
    background: url(images/rr/sm.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;
}
.rr2 {
    background: #179c1a;
    color: #FFF;
    border-radius: 10px;
    padding: 5px;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    display: block;
}
.rr2:before {
    background: url(images/rr/tm.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;
}
.rr3 {
    background: #9c1785;
    color: #FFF;
    border-radius: 10px;
    padding: 5px;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    display: block;
}
.rr3:before {
    background: url(images/rr/tm.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;
}
.rr4 {
    background: #000000;
    color: #FFF;
    border-radius: 10px;
    padding: 5px;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    display: block;
}
.rr4:before {
    background: url(images/rr/nm.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;
}
.rr5 {
    background: #4d2902;
    color: #FFF;
    border-radius: 10px;
    padding: 5px;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    display: block;
}
.rr5:before {
    background: url(images/rr/m.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;
}
.rr6 {
    background: #024d4a;
    color: #FFF;
    border-radius: 10px;
    padding: 5px;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    display: block;
}
.rr6:before {
    background: url(images/rr/gm.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;
}
.rr7 {
    background: #3d3d3d;
    color: #FFF;
    border-radius: 10px;
    padding: 5px;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    display: block;
}
.rr7:before {
    background: url(images/rr/im.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;
}


ثانيا :
وبعد تركيبه كل ما عليك فقط التوجه الى مكان الالقاب او الالقاب الاضافية في ملفات الاعضاء او لقب العضو بكل مجموعة واضافة الكود التالي
CODE
<span class="rr2">مشرف متخصص</span>


طبعا موجود بالكود 7 اشكال يمكن زيادة عبر نسخ الكود بالمسمى
rr و rr:before
وتغيير الوسم وتغييره ايضا بكود اللقب عشان يتجاوب مع الـ css
وموجود بالكود 7 الوان يمكنك تغييرها عن طريق تغيير الوسم rr واضافة الارقام الموجودة بالكود عليه من 2-7
ويمكنك تغيير الايقونة بجانب اللقب من خلال روابط الصور الموجودة بالكود
ieo10

هيك بكون أتممت الشرح كامل
يرجى ذكر المصدر عند النقل
لمشاهدة الروابط يلزمك التسجيل

بالتوفيق للجميع
والسلام ختام
توقيع :Admin
للتواصل مع الادارة بشأن اي موضوع : لمشاهدة الروابط يلزمك التسجيل



look/images/icons/i1.gif القاب الاعضاء بشكل جديد ومميز حصريا على انكور
  18-03-2020 12:33 صباحاً   [1]
معلومات الكاتب ▼
تاريخ الإنضمام : 20-01-2020
رقم العضوية : 5
المشاركات : 41
الجنس :
تاريخ الميلاد : 21-10-1991
قوة السمعة : 10
موضوع رائع ومميز
طرحت فابدعت دمت ودام عطائك
سلمت اناملك الذهبيه على ماخطته لنا
اعذب التحايا لك
لك خالص احترامي


look/images/icons/i1.gif القاب الاعضاء بشكل جديد ومميز حصريا على انكور
  27-04-2021 10:41 صباحاً   [2]
معلومات الكاتب ▼
تاريخ الإنضمام : 13-03-2021
رقم العضوية : 487
المشاركات : 32
الدولة : مصر
الجنس :
قوة السمعة : 10
موقعي : زيارة موقعي
روعه


look/images/icons/i1.gif القاب الاعضاء بشكل جديد ومميز حصريا على انكور
  08-10-2021 01:37 صباحاً   [3]
معلومات الكاتب ▼
تاريخ الإنضمام : 16-02-2020
رقم العضوية : 39
المشاركات : 15
الجنس :
تاريخ الميلاد : 9-7-1980
قوة السمعة : 10
موقعي : زيارة موقعي
رابط الموقع : https://www.essafirelmejid.com/vb/
شكرا جزيلا أخي


look/images/icons/i1.gif القاب الاعضاء بشكل جديد ومميز حصريا على انكور
  28-12-2021 06:41 صباحاً   [4]
معلومات الكاتب ▼
تاريخ الإنضمام : 23-12-2020
رقم العضوية : 386
المشاركات : 18
الدولة : ام الدنيا
الجنس :
تاريخ الميلاد : 1-1-1995
الإنذارات : 1
قوة السمعة : 10
موقعي : زيارة موقعي
مشكور
توقيع :Mohamed.Belal
مطور مواقع
WhatsApp
00201205448012

اضافة رد جديد اضافة موضوع جديد




الكلمات الدلالية
لا يوجد كلمات دلالية ..









الساعة الآن 08:30 PM