• منتديات شباب الرافدين .. تجمع عراقي يقدم محتوى مميز لجميع طلبة وشباب العراق .. لذا ندعوكم للانضمام الى اسرتنا والمشاركة والدعم وتبادل الافكار والرؤى والمعلومات. فأهلاَ وسهلاَ بكم.
  • عزيزي الزائر.. يمكنك الان التسجيل والتصفح بعدد اعلانات اقل وبكل حرية .. شاركنا الآن وكن عضوا مميزا في اسرتنا الرائعة.

Ibn AliraQ

رئيس مجلس الإدارة
إنضم
2018-08-28
المشاركات
13,070
مستوى التفاعل
3,692
النقاط
297
الإقامة
العراق
الجواهر
17,430♔
الجنس
ذكر
إصدار الزين فورو
XenForo 2.x
[اسم الشرح] : شرح خاصية متواجد وغير متواجد في زاوية الصورة الرمزية للمنتديات Xenforo 2 الزين فورو الجيل الثاني
[التوافق] : متوافق مع جميع النسخ الجيل الثاني حتى تاريخ النشر XF 2.0.9

المثال: حالة التواجد في منتديات منتديات شباب الرافدين

354


الشرح:

نبحث عن قالب : message_macros

داخل القالب نبحث عن الكود التالي :

HTML:
<span class="message-userArrow"></span>

اعلاها نضيف الكود التالي:

HTML:
 <xf:if is="$user.isOnline()">
    <div class="message-threadStarter"><span class="message-threadStarter--indicator">متصل</span></div>
<xf:else />
     <div class="message-threadStarter"><span class="message-threadStarter--indicatorOff">غير متصل</span></div>
</xf:if>

نسوي حفظ.

**

نبحث عن قالب :

كود:
EXTRA.less

اسفل القالب نضيف الكود التالي :

CSS:
position:absolute;
right:70px;
top:-5px;
z-index:1;
overflow:hidden;width:75px;
height:75px;
text-align:left
}
.message-threadStarter .message-threadStarter--indicator
{
font-size:9px;
color:#fefefe;
font-weight:700;
position:absolute;
top:10px;
left:-17px;
text-transform:uppercase;
text-align:center;
line-height:20px;
width:75px;
display:block;
background:#79A70A;
background: linear-gradient(#9bc90d 0%, #79a70a 100%);
box-shadow:0 3px 10px -5px #000;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg)
}
.message-threadStarter .message-threadStarter--indicator:before,.message-threadStarter .message-threadStarter--indicator:after
{
content:"";
position:absolute;
top:100%;
z-index:-1;
border:3px solid;
border-top-color:#79a70a;
border-bottom-color:transparent
}
.message-threadStarter .message-threadStarter--indicator:before
{
left:0;
border-left-color:#79a70a;
border-right-color:transparent
}
.message-threadStarter .message-threadStarter--indicator:after{
right:0;
border-left-color:transparent;
border-right-color:#79a70a
}

.message-threadStarter .message-threadStarter--indicatorOff
{
font-size:10px;
color:#fefefe;
font-weight:700;
position:absolute;
top:10px;
left:-17px;
text-transform:uppercase;
text-align:center;
line-height:20px;
width:75px;
display:block;
background:#2577b1;
background:linear-gradient(#3492d5 0%, #2577b1 100%);
box-shadow:0 3px 10px -5px #000;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg)
}
.message-threadStarter .message-threadStarter--indicatorOff:before,.message-threadStarter .message-threadStarter--indicatorOff:after
{
content:"";
position:absolute;
top:100%;
z-index:-1;
border:3px solid;border-top-color:#2577b1;
border-bottom-color:transparent
}
.message-threadStarter .message-threadStarter--indicatorOff:before
{
left:0;
border-left-color:#2577b1;
border-right-color:transparent
}
.message-threadStarter .message-threadStarter--indicatorOff:after{
right:0;
border-left-color:transparent;
border-right-color:#2577b1
}


.message-avatar-wrapper .message-avatar-online {
    border: 0;

}

@media (max-width: @xf-responsiveNarrow)
{
        .message-threadStarter
     {
    display: none;
        }
    }

انتهى الشرح
مودتي
 

AnIs

عضو جديد
عضو في شباب الرافدين
إنضم
2018-12-02
المشاركات
5
مستوى التفاعل
6
النقاط
2
الإقامة
Tunisia
الجواهر
37♔
بارك الله فيك خويا
سؤال
أظنك إن صح كلامي سهوت عن إضافة إسم القالب الأول
هل هو message_macros ?
 

Ibn AliraQ

رئيس مجلس الإدارة
إنضم
2018-08-28
المشاركات
13,070
مستوى التفاعل
3,692
النقاط
297
الإقامة
العراق
الجواهر
17,430♔
الجنس
ذكر
بارك الله فيك خويا
سؤال
أظنك إن صح كلامي سهوت عن إضافة إسم القالب الأول
هل هو message_macros ?
بالفعل ..
شكرا جزيلا على التنبيه
مودتي
 
أعلى