الرئيسيةdescription![[templates] اجعل لون الخط اعلى اخر مساهمة بنفس لون اسم اخر مشارك Empty](https://2img.net/i/empty.gif)
2024-08-03, 22:23
السلام عليكم ورحمة الله وبركاتة
_____________________
_____________________
باستخدام هذا الكود، يمكنك إضافة لون إلى مجموعة معينة تظهر أعلى آخر مشاركة في الفئات
ويظهر الخط اعلى اخر مساهمة وبنفس لون اسم اخر مشارك,
وهذا الكود مشابه للكود السابق إضافة لون + صورة إلى مجموعة محددة في أعلى المشاركات بدون JavaScript
ولكن هذه المرة على الفئات وليس ضمن المشاركات,
ولا تحتاج إلى استخدام JavaScript-jQuery عجيـــب
صورة للتوضيح
![[templates] اجعل لون الخط اعلى اخر مساهمة بنفس لون اسم اخر مشارك Ayaa11](https://i.servimg.com/u/f30/20/35/61/89/ayaa11.png)
-----------------------------------------
ويظهر الخط اعلى اخر مساهمة وبنفس لون اسم اخر مشارك,
وهذا الكود مشابه للكود السابق إضافة لون + صورة إلى مجموعة محددة في أعلى المشاركات بدون JavaScript
ولكن هذه المرة على الفئات وليس ضمن المشاركات,
ولا تحتاج إلى استخدام JavaScript-jQuery عجيـــب
صورة للتوضيح
![[templates] اجعل لون الخط اعلى اخر مساهمة بنفس لون اسم اخر مشارك Ayaa11](https://servimg.com/r/3020356189/ayaa11.png)
-----------------------------------------
والان لتثبيته على منتداك
اختر الاكواد المناسبة لنسخة منتداك
AwesomeBB :
ابحث عن الجزء التالي في قالب index_box
الكود:
<div class="forum-lastpost-inner">استبدله بالتالي
الكود:
<div class="forum-lastpost-inner">
<div class="lastpost-groups">{catrow.forumrow.USER_LAST_POST}</div>ثم اضف كود الCSS
الكود:
.lastpost-groups [style="color:?????"] {
border-top: solid ????? 4px;
display: block;
height: 0px;
}
.lastpost-groups strong {
pointer-events: none;
cursor: default;
color: transparent;
}
.lastpost-groups img {
display: none;
}
.lastpost-groups {
margin-bottom: -18px;
}ModernBB :
ابحث عن الجزء التالي في قالب index_box
الكود:
<span class="lastpost-infos">استبدله بالتالي
الكود:
<div class="lastpost-groups">{catrow.forumrow.USER_LAST_POST}</div>
<span class="lastpost-infos">ثم اضف كود الCSS
الكود:
.lastpost-groups [style="color:?????"] {
border-top: solid ????? 4px;
display: block;
height: 0px;
float: none !important;
}
.lastpost-groups {
margin-top: -20px;
display: flex;
font-size: 0;
margin-bottom: -18px;
flex-direction: column;
}
.lastpost-groups img {
display: none;
}
.lastpost-groups strong {
pointer-events: none;
cursor: default;
color: transparent;
}Invision :
ابحث عن الجزء التالي في قالب index_box
الكود:
<!-- BEGIN switch_topic_title -->استبدله بالتالي
الكود:
<div class="lastpost-groups">{catrow.forumrow.USER_LAST_POST}</div>
<!-- BEGIN switch_topic_title -->Installing the CSS
الكود:
.lastpost-groups [style="color:?????"] {
border-top: solid ????? 4px;
display: block;
}
.lastpost-groups strong {
pointer-events: none;
cursor: default;
color: transparent;
}
.lastpost-groups {
margin-top: -18px;
display: flex;
font-size: 0;
margin-bottom: -48px;
flex-direction: column;
}
.lastpost-groups img {
display: none;
}PunBB :
ابحث عن الجزء التالي في قالب index_box
الكود:
<!-- BEGIN switch_topic_title -->استبدله بالتالي
الكود:
<div class="lastpost-groups">{catrow.forumrow.USER_LAST_POST}</div>
<!-- BEGIN switch_topic_title -->ثم اضف كود الCSS
الكود:
.lastpost-groups [style="color:?????"] {
border-top: solid ????? 4px;
display: block;
height: 0px;
float: none !important;
}
.lastpost-groups strong {
pointer-events: none;
cursor: default;
color: transparent;
}
.lastpost-groups {
margin-top: -20px;
display: flex;
font-size: 0;
margin-bottom: -14px;
flex-direction: column;
}
.lastpost-groups img {
display: none;
}phpBB3 :
ابحث عن الجزء التالي في قالب index_box
الكود:
<!-- BEGIN switch_topic_title -->استبدله بالتالي
الكود:
<!-- BEGIN switch_topic_title -->
<div class="lastpost-groups">{catrow.forumrow.USER_LAST_POST}</div>ثم اضف كود الCSS
الكود:
.lastpost-groups [style="color:?????"] {
border-top: solid ????? 4px;
float: none !important;
margin-left: 44px;
margin-top: -5px;
}
.lastpost-groups strong {
pointer-events: none;
cursor: default;
color: transparent;
}
.lastpost-groups img {
display: none;
}
.lastpost-groups {
height: 0px;
font-size: 0;
}
.row dd.lastpost div {
display: flex;
float: none !important;
flex-direction: column;
}phpBB2 :
ابحث عن الجزء التالي في قالب index_box
الكود:
<!-- BEGIN avatar -->استبدله بالتالي
الكود:
<div class="lastpost-groups">{catrow.forumrow.USER_LAST_POST}</div>
<!-- BEGIN avatar -->ثم اضف كود الCSS
الكود:
.lastpost-groups [style="color:?????"] {
border-top: solid ????? 4px;
display: block;
margin-top: -5px;
}
.lastpost-groups strong {
pointer-events: none;
cursor: default;
color: transparent;
}
.lastpost-groups img {
display: none;
}
.lastpost-groups {
height: 0px;
font-size: 0;
}
.lastpost-groups a{
font-size: 10px;
}لا تنسى ان تضغط سجل بعد تركيب الاكواد
------------------------------------
لا تنسى استبدال علامات الاستفهام بلون المجموعة
كما في الصورة
![[templates] اجعل لون الخط اعلى اخر مساهمة بنفس لون اسم اخر مشارك Aa_ci712](https://servimg.com/r/3020356189/aa_ci712.png)
----
نأمل أن تنال على إعجابكم :oops:
ووفق الله الجميع
___________________________________________________________
تمت كتابة هذه الاكواد بواسطة كونان2000
_____________
![[templates] اجعل لون الخط اعلى اخر مساهمة بنفس لون اسم اخر مشارك X9ymdz10](https://i.servimg.com/u/f30/19/92/52/51/x9ymdz10.gif)
![[templates] اجعل لون الخط اعلى اخر مساهمة بنفس لون اسم اخر مشارك XVqhIjm](https://i.imgur.com/XVqhIjm.png)
![[templates] اجعل لون الخط اعلى اخر مساهمة بنفس لون اسم اخر مشارك 836155304](/users/3014/26/85/94/smiles/836155304.gif)