طريقة جديدة لعرض القاب الاعضاء في منتديات الـ VBulletin

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

طريقة التركيب :
اولا حبيت انوه انه الكود يشتغل فقط على الاستايلات اللي تضع فيها الـ css
يعني كل استايل بدك يشتغل فيه بدك تفوت يدوياً تركب الاكواد
اولاً :
ندخل لوحة التحكم - التحكم بالاستايلات - ورقة css - والصندوق اللي بالاعلى
css اضافي ضع به الاكواد التالية:
رمز PHP:
[hide].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: #4d02;
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;
}[/hide]
ثانيا :
وبعد تركيبه كل ما عليك فقط التوجه الى مكان الالقاب او الالقاب الاضافية
في ملفات الاعضاء او لقب العضو بكل مجموعة واضافة الكود التالي
رمز PHP:
[hide]<span class="rr2">مشرف متخصص</span>[/hide]
طبعا موجود بالكود 7 اشكال يمكن زيادة عبر نسخ الكود بالمسمىّ
rr و rr:before
وتغيير الوسم وتغييره ايضا بكود اللقب عشان يتجاوب مع الـ css
وموجود بالكود 7 الوان يمكنك تغييرها عن طريق تغيير الوسم rr
واضافة الارقام الموجودة بالكود عليه من 2-7
ويمكنك تغيير الايقونة بجانب اللقب من خلال روابط الصور الموجودة بالكود

ميزه جميله ورائعه
وبانتظار مزيج من طرحك المميز
تحيتي

طرح مميز ومفيد
دمت بخير
كل الشكر لجهودك

يعافيك ربي على هالطرح الرائع والجميل ..
سلمت اناملك على الموضوع الاكثر من روعه ،
بنتظارجديدك القادم ~،

يعافيك ربي على هالطرح الرائع والجميل ..
سلمت اناملك على الموضوع الاكثر من روعه ،
بنتظارجديدك القادم ~،

طرح رائع
يعطيك العافية على هذا الابداع
سلمت يمناك ولاعدمنا جديدك المميز

ان شاء الله يستفـدون أصحاب الموآقع من هالميزة المتطورة
/
ويعطيكـ العآفيـة على النقل
ولاعدمنآ نشآطكـ البرآق
.
.