![إضافة لون + صورة إلى مجموعة محددة في أعلى المشاركات بدون JavaScript ISFyhGg](https://i.imgur.com/ISFyhGg.png)
السلام عليكم ورحمه الله وبركاته،
كيف حالكم جميعاً؟ أتمنى أن تكونوا بخير
-------------------------------
باستخدام هذه الكود، يمكنك إضافة لون إلى مجموعة معينة تظهر أعلى المشاركات,
ويظهر الخط اعلى مساهمة العضو وبنفس لون اسمه
ويمكنك أيضًا إضافة الصور إلى مجموعة معينة،
![إضافة لون + صورة إلى مجموعة محددة في أعلى المشاركات بدون JavaScript 737970443](/users/2614/24/16/96/smiles/737970443.png)
___________________________________________________________
أعلم أنها ميزة شائعة، لكنها كانت تستخدم JavaScript
الآن لا تحتاج إلى استخدام JavaScript-jQuery,
طريقة اكتشفتها وأردت مشاركتها معكم
![إضافة لون + صورة إلى مجموعة محددة في أعلى المشاركات بدون JavaScript 303479109](https://help.forumgratuit.ro/users/2513/71/04/52/smiles/303479109.gif)
طريقة التثبيت
اولا للنسخه الثانية
للنسخه الثانية :
ابحث عن الجزء التالي في قالب viewtopic_body
استبدله بالتالي
ثم اضغط سجل ثم انشر![إضافة لون + صورة إلى مجموعة محددة في أعلى المشاركات بدون JavaScript 2997428975](https://forum.forumactif.com/users/2913/10/00/00/smiles/2997428975.png)
الكود:
<!-- BEGIN displayed -->
استبدله بالتالي
الكود:
<!-- BEGIN displayed -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" >
<div class="conan2000-flower">{postrow.displayed.POSTER_NAME}</div>
ثم اضغط سجل ثم انشر
![إضافة لون + صورة إلى مجموعة محددة في أعلى المشاركات بدون JavaScript 2997428975](https://forum.forumactif.com/users/2913/10/00/00/smiles/2997428975.png)
--------------------------------
ثانيا لجميع النسخ
ابحث عن الجزء التالي في قالب viewtopic_body
الكود:
<!-- BEGIN displayed -->
استبدله بالتالي
الكود:
<!-- BEGIN displayed -->
<div class="conan2000-flower">{postrow.displayed.POSTER_NAME}</div>
ثم اضغط سجل ثم انشر
![إضافة لون + صورة إلى مجموعة محددة في أعلى المشاركات بدون JavaScript 2997428975](https://forum.forumactif.com/users/2913/10/00/00/smiles/2997428975.png)
تثبيت 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 بلون المجموعة
كما في الصورة
![إضافة لون + صورة إلى مجموعة محددة في أعلى المشاركات بدون JavaScript Ocia_a14](https://i.servimg.com/u/f20/16/85/77/67/ocia_a14.jpg)
واذا اردت وضع صورة لمجموعة محددة في داخل اللون مثل
![إضافة لون + صورة إلى مجموعة محددة في أعلى المشاركات بدون JavaScript 2b05](https://2img.net/i/fa/twemoji/16x16/2b05.png)
![إضافة لون + صورة إلى مجموعة محددة في أعلى المشاركات بدون JavaScript Admini10](https://i.servimg.com/u/f73/11/60/75/36/admini10.png)
![إضافة لون + صورة إلى مجموعة محددة في أعلى المشاركات بدون JavaScript Helper10](https://i.servimg.com/u/f73/11/60/75/36/helper10.png)
![إضافة لون + صورة إلى مجموعة محددة في أعلى المشاركات بدون JavaScript Top10](https://i.servimg.com/u/f73/11/60/75/36/top10.png)
CSS:
الكود:
.conan2000-flower [style="color:?????"] strong {
background: url(https://i.servimg.com/u/f73/11/60/75/36/admini10.png) no-repeat;
}
لا تنسى استبدال علامات الاستفهام في كود CSS بلون المجموعة
ومبروك عليك الالوان اعلى الموضيع بدون جافا
![إضافة لون + صورة إلى مجموعة محددة في أعلى المشاركات بدون JavaScript 3937780206](/users/2614/24/16/96/smiles/3937780206.gif)
___________________________________________________________
تمت كتابة هذه الاكواد بواسطة كونان2000