عيد الاضحى المبارك


مواضيع تهمك

ركن شروحات الزين فورو XENFORO هذا القسم خاص بكل شروحات إستخدام XENFORO وتعديلات القوالب

شرح خاصية متواجد وغير متواجد في زاوية الصورة الرمزية للمنتديات Xenforo 2 الزين فورو الجيل الثانى

السلام عليكم ورحمه الله وبركاته : شرح خاصية متواجد وغير متواجد في زاوية الصورة الرمزية للمنتديات Xenforo 2 الزين...

احصائياتى

الردود
25

المشاهدات
6238
14SAT
.:: عضو مبدع ::.
  • 14SAT is just really nice14SAT is just really nice14SAT is just really nice14SAT is just really nice14SAT is just really nice

  • 14SAT غير متواجد حالياً

المشاركات
326

+التقييم
89

تاريخ التسجيل
Nov 2016

الاقامة
الجزائر

نظام التشغيل
windows 7

رقم العضوية
1172
03-31-2018, 11:30 AM
المشاركة 1
03-31-2018, 11:30 AM
المشاركة 1
افتراضي شرح خاصية متواجد وغير متواجد في زاوية الصورة الرمزية للمنتديات Xenforo 2 الزين فورو الجيل الثانى
السلام عليكم ورحمه الله وبركاته
[اسم الشرح] : شرح خاصية متواجد وغير متواجد في زاوية الصورة الرمزية للمنتديات Xenforo 2 الزين فورو الجيل الثانى
[التوافق] : متوافق مع جميع النسخ الجيل الثانى حتى تاريخ النشر XF 2.0.4

النتيجة فى حال العضو كان متصل


النتيجة فى حال عدم اتصال العضو (غير متواجد)


الشرح :
-ادخل الى لوحة التحكم المنتدى >>> المظهر >>>>>>>البحث فى القوالب >>>>>>اسم القالب هو message_macros ابحث بداخله عن هذا الكود
كود:
<span class="message-userArrow"></span>
اعلاه ضع الاتي
كود PHP:
<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 ثم نقوم بفتحه ووضع الكود التالى فيه
كود:
.message-threadStarter{
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;
        }
    }
انتى الشرح


التعديل الأخير تم بواسطة abo-karim ; 04-01-2018 الساعة 08:07 AM سبب آخر: تم تعديل المحتوى
قديم 03-31-2018, 11:50 AM
المشاركة 2
blidi4ever
.:: عضو فعال ::.
  • blidi4ever غير متواجد حالياً
افتراضي رد: شرح خاصية متواجد وغير متواجد في زاوية الصورة الرمزية للمنتديات Xenforo 2 الزين فورو الجيل الثانى
الف شكر اخي الفاضل.

التعديل الأخير تم بواسطة abo-karim ; 03-31-2018 الساعة 11:26 PM سبب آخر: تم تعديل
قديم 03-31-2018, 12:36 PM
المشاركة 3
14SAT
.:: عضو مبدع ::.
  • 14SAT غير متواجد حالياً
افتراضي رد: شرح خاصية متواجد وغير متواجد في زاوية الصورة الرمزية للمنتديات Xenforo 2 الزين فورو الجيل الثانى
اكود الذي اضفنه الي قالب EXTRA.less ابحث عن لون #79a70a وغيره مثل ما تريد

قديم 03-31-2018, 02:44 PM
المشاركة 4
blidi4ever
.:: عضو فعال ::.
  • blidi4ever غير متواجد حالياً
افتراضي رد: شرح خاصية متواجد وغير متواجد في زاوية الصورة الرمزية للمنتديات Xenforo 2 الزين فورو الجيل الثانى
اكود الذي اضفنه الي قالب EXTRA.less ابحث عن لون #79a70a وغيره مثل ما تريد
لم ينجح الامر اخي لان اللون يتغير نفسه في حالة الاتصال او غير الاتصال





.......انا اردته ان يكون مغاير في حالة اتصاله ويكون بلون معاير في حالة عدم الاتصال

قديم 03-31-2018, 02:46 PM
المشاركة 5
عابر سبيل
.:: عضو فعال ::.
  • عابر سبيل غير متواجد حالياً
افتراضي رد: شرح خاصية متواجد وغير متواجد في زاوية الصورة الرمزية للمنتديات Xenforo 2 الزين فورو الجيل الثانى
شرح مميز
مع تصوير لعضويتي ههههه

قديم 03-31-2018, 02:51 PM
المشاركة 6
عابر سبيل
.:: عضو فعال ::.
  • عابر سبيل غير متواجد حالياً
افتراضي رد: شرح خاصية متواجد وغير متواجد في زاوية الصورة الرمزية للمنتديات Xenforo 2 الزين فورو الجيل الثانى
لم ينجح الامر اخي لان اللون يتغير نفسه في حالة الاتصال او غير الاتصال





.......انا اردته ان يكون مغاير في حالة اتصاله ويكون بلون معاير في حالة عدم الاتصال
المشكل أنه عامل نفس اسم ال class وهي ribbon لحالتي الاتصال وغير الاتصال

ولحل الاشكال بغير ال ribbon الثانية لحالة غير الاتصال بـــ ribbon2 في القالب الاساسي

واضف هذا الكود الجديد في قالب extra.less


كود بلغة HTML:
.ribbon2 {
   position: absolute;
   right: -5px; top: -5px;
   z-index: 1;
   overflow: hidden;
   width: 75px; height: 75px;
   text-align: left;
}
.ribbon2 span {
   font-size: 10px;
   color: #fff;
   text-transform: uppercase;
   text-align: center;
   font-weight: bold; line-height: 20px;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg); /* Needed for Safari */
   width: 100px; display: block;
   background: #534a5e;
   background: linear-gradient(#9BC90D 0%, #534a5e 100%);
   box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
   position: absolute;
   top: 19px; left: -21px;
}
.ribbon2 span::before {
   content: '';
   position: absolute;
   left: 0px; top: 100%;
   z-index: -1;
   border-left: 3px solid #534a5e;
   border-right: 3px solid transparent;
   border-bottom: 3px solid transparent;
   border-top: 3px solid #534a5e;
}
.ribbon2 span::after {
   content: '';
   position: absolute;
   right: 0%; top: 100%;
   z-index: -1;
   border-right: 3px solid #534a5e;
   border-left: 3px solid transparent;
   border-bottom: 3px solid transparent;
   border-top: 3px solid #534a5e;
}

قديم 03-31-2018, 03:04 PM
المشاركة 7
blidi4ever
.:: عضو فعال ::.
  • blidi4ever غير متواجد حالياً
افتراضي رد: شرح خاصية متواجد وغير متواجد في زاوية الصورة الرمزية للمنتديات Xenforo 2 الزين فورو الجيل الثانى
المشكل أنه عامل نفس اسم ال class وهي ribbon لحالتي الاتصال وغير الاتصال

ولحل الاشكال بغير ال ribbon الثانية لحالة غير الاتصال بـــ ribbon2 في القالب الاساسي

واضف هذا الكود الجديد في قالب extra.less


كود بلغة HTML:
.ribbon2 {
   position: absolute;
   right: -5px; top: -5px;
   z-index: 1;
   overflow: hidden;
   width: 75px; height: 75px;
   text-align: left;
}
.ribbon2 span {
   font-size: 10px;
   color: #fff;
   text-transform: uppercase;
   text-align: center;
   font-weight: bold; line-height: 20px;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg); /* Needed for Safari */
   width: 100px; display: block;
   background: #534a5e;
   background: linear-gradient(#9BC90D 0%, #534a5e 100%);
   box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
   position: absolute;
   top: 19px; left: -21px;
}
.ribbon2 span::before {
   content: '';
   position: absolute;
   left: 0px; top: 100%;
   z-index: -1;
   border-left: 3px solid #534a5e;
   border-right: 3px solid transparent;
   border-bottom: 3px solid transparent;
   border-top: 3px solid #534a5e;
}
.ribbon2 span::after {
   content: '';
   position: absolute;
   right: 0%; top: 100%;
   z-index: -1;
   border-right: 3px solid #534a5e;
   border-left: 3px solid transparent;
   border-bottom: 3px solid transparent;
   border-top: 3px solid #534a5e;
}


ربي يفتح عليك وينورك يا باشا زي ما نفعتنا الله ينفعك بما فيه الخير ان شاء الله


قديم 03-31-2018, 04:18 PM
المشاركة 8
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت غير متواجد حالياً
افتراضي رد: شرح خاصية متواجد وغير متواجد في زاوية الصورة الرمزية للمنتديات Xenforo 2 الزين فورو الجيل الثانى
احسنت اخى

ويعطيك الف عافيه

قديم 03-31-2018, 04:53 PM
المشاركة 9
عابر سبيل
.:: عضو فعال ::.
  • عابر سبيل غير متواجد حالياً
افتراضي رد: شرح خاصية متواجد وغير متواجد في زاوية الصورة الرمزية للمنتديات Xenforo 2 الزين فورو الجيل الثانى
ربي يفتح عليك وينورك يا باشا زي ما نفعتنا الله ينفعك بما فيه الخير ان شاء الله

اللهم آمين هذا من دواعي سروري

قديم 03-31-2018, 04:54 PM
المشاركة 10
عابر سبيل
.:: عضو فعال ::.
  • عابر سبيل غير متواجد حالياً
افتراضي رد: شرح خاصية متواجد وغير متواجد في زاوية الصورة الرمزية للمنتديات Xenforo 2 الزين فورو الجيل الثانى
اللهم آمين وإيّاكم أخي

اضافة رد

العلامات المرجعية

شرح خاصية متواجد وغير متواجد في زاوية الصورة الرمزية للمنتديات Xenforo 2 الزين فورو الجيل الثانى


أدوات الموضوع

الانتقال السريع
المواضيع المتشابهه للموضوع: شرح خاصية متواجد وغير متواجد في زاوية الصورة الرمزية للمنتديات Xenforo 2 الزين فورو الجيل الثانى
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[XF 2.x] : طريقة تلوين قسم معين بمنتديات الزين فورو الجيل الثانى xenforo 2.0 هيلبرنت ركن شروحات الزين فورو XENFORO 7 03-15-2020 03:57 AM
[XF 2.x] : ملف الروبوتس لمنتديات الزين فورو الجيل الثانى xenforo 2.0 طيور الظلام ركن شروحات الزين فورو XENFORO 6 05-02-2019 02:05 PM
[ شرح ] : طريقة وضع ايقونة اضافة موضوع جديد داخل الموضوع للمنتديات Xenforo 2 الزين فورو الجيل الثانى 14SAT ركن شروحات الزين فورو XENFORO 6 04-16-2019 10:23 AM
خاصية متواجد وغير متواجد في زاوية الصورة الرمزية للمنتديات Xenforo 1 الزين فورو الجيل الاول azert120 ركن مشاكل وطلبات الزين فورو XENFORO 3 07-26-2018 10:57 PM
اضافة تأثير على الصورة الرمزية بشكل رائع لمنتدى الزين فورو xenforo هيلبرنت اضافات الزين فورو XENFORO 0 08-26-2016 12:49 PM




الساعة الآن 11:48 PM
RSS 2.0XML Site MapTAGS SiteInfo SiteRSS FeedMap SectionsvB MapsMap TagSitemap ForumMaps Forum