| |
|
|
۩۞۩ تطوير آلموآقع وآلمنتديآت وآلمدونآت ۩۞۩ كِل مآيخصَ آلمنتديآتْ وآلموإقع .. وَتطوّيرهاَ / عَرضْ الأستَايلآت / دروس تطويرية / هآكآت / أكوآد / معلومآت هآمة |
|
أدوات الموضوع | انواع عرض الموضوع |
09-02-2020, 01:02 AM | #1 |
[IMG]https://www.raed.net/img?id=732434[/IMG]
|
طريقة جديدة لعرض القاب الاعضاء في منتديات الـ 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 ويمكنك تغيير الايقونة بجانب اللقب من خلال روابط الصور الموجودة بالكود |
نغمة ساهية | العسل قلبي
رٌزقتٌ بِ صَدّيقات قٌربهنّ نعيمّ وجَنة كَ الأخواتّ ليِ وأكَثرّ آٌحبهنّ جَدًا . |
|
|