المشاركات 326 |
+التقييم 89 |
تاريخ التسجيل Nov 2016 |
الاقامة الجزائر |
نظام التشغيل windows 7 |
رقم العضوية 1172 |
<span class="message-userArrow"></span>
<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>
.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; } }
.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; }
.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; }
اضافة رد
|
شرح خاصية متواجد وغير متواجد في زاوية الصورة الرمزية للمنتديات 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 |