الرئيسية
انشاء منتدى مجانياجعل لون الخط اعلى اخر مساهمة بنفس لون اسم اخر مشارك
صفحة 1 من اصل 1
اجعل لون الخط اعلى اخر مساهمة بنفس لون اسم اخر مشارك
من طرف كونان2000 الخميس 9 مايو 2024 - 8:40
السلام عليكم ورحمة الله وبركاتة
_____________________
_____________________
باستخدام هذا الكود، يمكنك إضافة لون إلى مجموعة معينة تظهر أعلى آخر مشاركة في الفئات
ويظهر الخط اعلى اخر مساهمة وبنفس لون اسم اخر مشارك,
وهذا الكود مشابه للكود السابق إضافة لون + صورة إلى مجموعة محددة في أعلى المشاركات بدون 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
كونان2000- احلى نائب
-
عدد المساهمات : 1596
معدل النشاط : 3347
السُمعة : 255 -
ابوعلي البلقاوي, msrooor22 و العود السعودية يعجبهم هذا الموضوع
مواضيع مماثلة» كيف اجعل الخط بالعنوان اعلى متل هذا
» فرز الفيد الخاص بقسم معين بنفس طريقة فيد المنتدى بناء على اخر مساهمة وليس انشاء الموضوع
» طلب : كيفية وضع اعلانات ادسنس اعلى التوقيع في كل مساهمة
» كيف اجعل آخر مساهمة تظهر عند تعدد الصفحات
» كيف اجعل اسم منتداي في اعلى الصفحة ؟؟؟؟؟؟؟؟
» فرز الفيد الخاص بقسم معين بنفس طريقة فيد المنتدى بناء على اخر مساهمة وليس انشاء الموضوع
» طلب : كيفية وضع اعلانات ادسنس اعلى التوقيع في كل مساهمة
» كيف اجعل آخر مساهمة تظهر عند تعدد الصفحات
» كيف اجعل اسم منتداي في اعلى الصفحة ؟؟؟؟؟؟؟؟
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
Facebook
Twitter
Youtube
