عيد الاضحى المبارك


مواضيع تهمك

ركن تطوير منتديات vb3.8.0 القسم خاص بتطوير منتديات الجيل الثالث ويمنع منعاً باتاً.. كتابة اي موضوع يهتم بمشاكل المنتديات (( يمنع وضع نسخ vBulletin ))

القاب الاعضاء بشكل جديد ومميزة للجيل الثالث vBulletin 3

بسم الله الرحمن الرحيم اقدم لكم طريقة جديدة لعرض القاب الاعضاء في منتديات الـ VBulletin خلفية مع صورة بجانب اللقب باستخدام اكواد الـ css مثال على الكود https://i.imgur.com/C3SgzzZ.png طريقة التركيب :...

احصائياتى

الردود
1

المشاهدات
1063
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant future

  • هيلبرنت غير متواجد حالياً

المشاركات
11,551

+التقييم
321

تاريخ التسجيل
Jul 2015

الاقامة
فى الدنيا

نظام التشغيل
windows 8

رقم العضوية
18
05-31-2020, 12:04 AM
المشاركة 1
05-31-2020, 12:04 AM
المشاركة 1
افتراضي القاب الاعضاء بشكل جديد ومميزة للجيل الثالث vBulletin 3
بسم الله الرحمن الرحيم

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


طريقة التركيب :
اولا حبيت انوه انه الكود يشتغل فقط على الاستايلات اللي تضع فيها الـ css
يعني كل استايل بدك يشتغل فيه بدك تفوت يدويا تركب الاكواد
اولا :
- ندخل لوحة التحكم - التحكم بالاستايلات - ورقة css - والصندوق اللي بالاعلى css اضافي ضع به الاكواد التالية

كود PHP:
.rr {
    
background#de0c0c;
    
color#FFF;
    
border-radius10px;
    
padding5px;
    
width90%;
    
margin0 auto;
    
text-aligncenter;
    
displayblock;
}
.
rr:before {
    
backgroundurl(images/rr/ad.pngno-repeat 5050rgba(0,0,0,0.2);
    
background-size15px !important;
    
border-radius100%;
    
content"";
    
displayinline-block;
    
height23px;
    
margin-left3px;
    
vertical-aligntext-top;
    
width23px;
}

.
rr1 {
    
background#3d52f5;
    
color#FFF;
    
border-radius10px;
    
padding5px;
    
width90%;
    
margin0 auto;
    
text-aligncenter;
    
displayblock;
}
.
rr1:before {
    
backgroundurl(images/rr/sm.pngno-repeat 5050rgba(0,0,0,0.2);
    
background-size15px !important;
    
border-radius100%;
    
content"";
    
displayinline-block;
    
height23px;
    
margin-left3px;
    
vertical-aligntext-top;
    
width23px;
}
.
rr2 {
    
background#179c1a;
    
color#FFF;
    
border-radius10px;
    
padding5px;
    
width90%;
    
margin0 auto;
    
text-aligncenter;
    
displayblock;
}
.
rr2:before {
    
backgroundurl(images/rr/tm.pngno-repeat 5050rgba(0,0,0,0.2);
    
background-size15px !important;
    
border-radius100%;
    
content"";
    
displayinline-block;
    
height23px;
    
margin-left3px;
    
vertical-aligntext-top;
    
width23px;
}
.
rr3 {
    
background#9c1785;
    
color#FFF;
    
border-radius10px;
    
padding5px;
    
width90%;
    
margin0 auto;
    
text-aligncenter;
    
displayblock;
}
.
rr3:before {
    
backgroundurl(images/rr/tm.pngno-repeat 5050rgba(0,0,0,0.2);
    
background-size15px !important;
    
border-radius100%;
    
content"";
    
displayinline-block;
    
height23px;
    
margin-left3px;
    
vertical-aligntext-top;
    
width23px;
}
.
rr4 {
    
background#000000;
    
color#FFF;
    
border-radius10px;
    
padding5px;
    
width90%;
    
margin0 auto;
    
text-aligncenter;
    
displayblock;
}
.
rr4:before {
    
backgroundurl(images/rr/nm.pngno-repeat 5050rgba(0,0,0,0.2);
    
background-size15px !important;
    
border-radius100%;
    
content"";
    
displayinline-block;
    
height23px;
    
margin-left3px;
    
vertical-aligntext-top;
    
width23px;
}
.
rr5 {
    
background#4d2902;
    
color#FFF;
    
border-radius10px;
    
padding5px;
    
width90%;
    
margin0 auto;
    
text-aligncenter;
    
displayblock;
}
.
rr5:before {
    
backgroundurl(images/rr/m.pngno-repeat 5050rgba(0,0,0,0.2);
    
background-size15px !important;
    
border-radius100%;
    
content"";
    
displayinline-block;
    
height23px;
    
margin-left3px;
    
vertical-aligntext-top;
    
width23px;
}
.
rr6 {
    
background#024d4a;
    
color#FFF;
    
border-radius10px;
    
padding5px;
    
width90%;
    
margin0 auto;
    
text-aligncenter;
    
displayblock;
}
.
rr6:before {
    
backgroundurl(images/rr/gm.pngno-repeat 5050rgba(0,0,0,0.2);
    
background-size15px !important;
    
border-radius100%;
    
content"";
    
displayinline-block;
    
height23px;
    
margin-left3px;
    
vertical-aligntext-top;
    
width23px;
}
.
rr7 {
    
background#3d3d3d;
    
color#FFF;
    
border-radius10px;
    
padding5px;
    
width90%;
    
margin0 auto;
    
text-aligncenter;
    
displayblock;
}
.
rr7:before {
    
backgroundurl(images/rr/im.pngno-repeat 5050rgba(0,0,0,0.2);
    
background-size15px !important;
    
border-radius100%;
    
content"";
    
displayinline-block;
    
height23px;
    
margin-left3px;
    
vertical-aligntext-top;
    
width23px;

ثانيا :
وبعد تركيبه كل ما عليك فقط التوجه الى مكان الالقاب او الالقاب الاضافية في ملفات الاعضاء او لقب العضو بكل مجموعة واضافة الكود التالي
كود PHP:
<span class="rr2">مشرف متخصص</span
طبعا موجود بالكود 7 اشكال يمكن زيادة عبر نسخ الكود بالمسمى
كود:
rr و rr:before
وتغيير الوسم وتغييره ايضا بكود اللقب عشان يتجاوب مع الـ css وموجود بالكود 7 الوان يمكنك تغييرها عن طريق تغيير الوسم rr واضافة الارقام الموجودة بالكود عليه من 2-7 ويمكنك تغيير الايقونة بجانب اللقب من خلال روابط الصور الموجودة بالكود

يرجى ذكر المصدر عند النقل
شركة انكور التطويرية
السلام ختام


قديم 08-08-2020, 08:33 AM
المشاركة 2
Yahia
.:: عضو مشارك ::.
  • Yahia غير متواجد حالياً
افتراضي رد: القاب الاعضاء بشكل جديد ومميزة للجيل الثالث vBulletin 3
والصندوق اللي بالاعلى css اضافي ضع به الاكواد التالية

يعني الي باخر الصفحه يوجد صندوقين

واحد فيه كلام و الاخر فاضي

تقصد لي فيه كلام

اضافة رد

العلامات المرجعية

القاب الاعضاء بشكل جديد ومميزة للجيل الثالث vBulletin 3


أدوات الموضوع

الانتقال السريع
المواضيع المتشابهه للموضوع: القاب الاعضاء بشكل جديد ومميزة للجيل الثالث vBulletin 3
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
تغيير رتب الاعضاء بشكل جميل رواية ركن تطوير منتديات vb3.8.0 6 01-03-2021 05:15 PM
هاك التنبيهات بشكل رقمي ومميز للجيل الرابع هيلبرنت ركن تطوير المنتديات vB 4.0.0 3 11-11-2019 09:35 PM
[ شرح ] : تركيب القاب الاعضاء بشكل بسيط بدون تعديل قوالب qlooop ركن شروحات الزين فورو XENFORO 6 04-24-2019 04:56 AM
كود منع التوقيع في الردود للجيل الثالث هيلبرنت ركن تطوير منتديات vb3.8.0 2 06-13-2018 10:58 PM
القاب الاعضاء بدون حقوق هيلبرنت ركن تطوير منتديات vb3.8.0 4 11-12-2015 12:16 AM




الساعة الآن 11:06 AM
RSS 2.0XML Site MapTAGS SiteInfo SiteRSS FeedMap SectionsvB MapsMap TagSitemap ForumMaps Forum