السلام عليكم ورحمة الله وبركاتة
كيف حالكم , يارب تكون بخير دائما
_____________________
كيف حالكم , يارب تكون بخير دائما
_____________________
باستخدام هذا الكود، يمكنك إضافة لون إلى مجموعة معينة تظهر أعلى آخر مشاركة في الفئات
ويظهر الخط اعلى اخر مساهمة وبنفس لون اسم اخر مشارك,
وهذا الكود مشابه للكود السابق إضافة لون + صورة إلى مجموعة محددة في أعلى المشاركات بدون JavaScript
ولكن هذه المرة على الفئات وليس ضمن المشاركات,
ولا تحتاج إلى استخدام JavaScript-jQuery
صورة للتوضيح
-----------------------------------------
ويظهر الخط اعلى اخر مساهمة وبنفس لون اسم اخر مشارك,
وهذا الكود مشابه للكود السابق إضافة لون + صورة إلى مجموعة محددة في أعلى المشاركات بدون JavaScript
ولكن هذه المرة على الفئات وليس ضمن المشاركات,
ولا تحتاج إلى استخدام JavaScript-jQuery
صورة للتوضيح
-----------------------------------------
والان لتثبيته على منتداك
اختر الاكواد المناسبة لنسخة منتداك
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;
}لا تنسى ان تضغط سجل بعد تركيب الاكواد
------------------------------------
لا تنسى استبدال علامات الاستفهام بلون المجموعة
كما في الصورة
----
نأمل أن تنال على إعجابكم (✿◕‿◕✿)
ووفق الله الجميع
___________________________________________________________
تمت كتابة هذه الاكواد بواسطة كونان2000
