منتديات المشاغب

دليل المواقع دمز

دليل المواقع دمز




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

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

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

احصائياتى

الردود
1

المشاهدات
273
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت has much to be proud ofهيلبرنت has much to be proud ofهيلبرنت has much to be proud ofهيلبرنت has much to be proud ofهيلبرنت has much to be proud ofهيلبرنت has much to be proud ofهيلبرنت has much to be proud ofهيلبرنت has much to be proud ofهيلبرنت has much to be proud ofهيلبرنت has much to be proud of

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

المشاركات
10,696

+التقييم
307

تاريخ التسجيل
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
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
هاك التنبيهات بشكل رقمي ومميز للجيل الرابع هيلبرنت ركن تطوير المنتديات vB 4.0.0 3 11-11-2019 09:35 PM
[ شرح ] : تركيب القاب الاعضاء بشكل بسيط بدون تعديل قوالب qlooop ركن شروحات الزين فورو XENFORO 6 04-24-2019 04:56 AM
[ vBulletin 4 ] : هاك التنبيهات بشكل رقمي ومميز للجيل الرابع النسخه 2 هيلبرنت ركن تطوير المنتديات vB 4.0.0 3 04-02-2019 02:24 PM
قالب وكود مواضيع الاعضاء المميزه حصريا لهيلبرنت هيلبرنت ركن تطوير منتديات vb3.8.0 4 11-13-2015 12:50 PM
القاب الاعضاء بدون حقوق هيلبرنت ركن تطوير منتديات vb3.8.0 4 11-12-2015 12:16 AM




الساعة الآن 08:55 PM
Powered by vBulletin® Copyright ©2000 - 2020, Jelsoft Enterprises Ltd. TranZ By Almuhajir
RSS 2.0XML Site MapTAGS SiteInfo SiteRSS FeedMap SectionsvB MapsMap TagSitemap ForumMaps Forum