إضافة لون + صورة إلى مجموعة محددة في أعلى المشاركات بدون JavaScript

أعلم أنها ميزة شائعة، لكنها كانت تستخدم JavaScript
الآن لا تحتاج إلى استخدام JavaScript-jQuery,
طريقة اكتشفتها وأردت مشاركتها معكم




اولا للنسخه الثانية

للنسخه الثانية:

--------------------------------


ثانيا لجميع النسخ
ابحث عن الجزء التالي في قالب viewtopic_body

الكود:

<!-- BEGIN displayed -->

استبدله بالتالي

الكود:

<!-- BEGIN displayed -->
<div class="conan2000-flower">{postrow.displayed.POSTER_NAME}</div>

ثم اضغط سجل ثم انشر  

تثبيت CSS

الكود:


.conan2000-flower [style="color:?????"] {
    pointer-events: none;
    cursor: default;
    color: #0000 !important;
    display: block;
    background: ?????;
}
 
.conan2000-flower,.conan2000-flower strong {
    pointer-events: none;
    cursor: default;
    color: #0000 !important;
}
.conan2000-flower {
    background: #bcc2c7;
}

عليك استبدال علامات الاستفهام في كود CSS بلون المجموعة
كما في الصورة


واذا اردت وضع صورة لمجموعة محددة في داخل اللون مثل
CSS:

الكود:

.conan2000-flower [style="color:?????"] strong {
    background: url(https://i.servimg.com/u/f73/11/60/75/36/admini10.png) no-repeat;
}

لا تنسى استبدال علامات الاستفهام في كود CSS بلون المجموعة

ومبروك عليك الالوان اعلى الموضيع بدون جافا        

___________________________________________________________
تمت كتابة هذه الاكواد بواسطة كونان2000