Prof Jamal
:: الأعضاء ::
السلام عليكم
اهداء لاعضاء وزوار زين العربية المواضيع بشكل افقي،
اخذته عن طريق السورس كود لاحد المنتديات
الصورة المرفقة توضح
قم بإضافة الكود الى قالب
اهداء لاعضاء وزوار زين العربية المواضيع بشكل افقي،
اخذته عن طريق السورس كود لاحد المنتديات
الصورة المرفقة توضح
قم بإضافة الكود الى قالب
Extra.less
CSS:
/*************************/
.block--messages .message:not(.message--simple) .message-inner .message-cell.message-cell--user {
flex: 0 0 100%;
}
.block--messages .message:not(.message--simple) .message-inner .message-cell.message-cell--user,
.block--messages .message:not(.message--simple) .message-inner .message-cell.message-cell--action {
border-right: none;
border-bottom: 1px solid rgba(0,0,0,.1);
}
.block--messages .message-cell:first-child {
border-radius: 0;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.message-cell.message-cell--user, .message-cell.message-cell--action {
position: relative;
background: #f6f9fd;
border-right: 1px solid rgba(0,0,0,.1);
min-width: 0;
}
.message-cell {
display: block;
vertical-align: top;
padding: 10px;
}
.block--messages .message:not(.message--simple) .message-cell.message-cell--user .message-user {
display: flex;
align-items: center;
}
.message-avatar-wrapper {
position: relative;
display: inline-block;
vertical-align: bottom;
margin-bottom: .5em;
}
.block--messages .message:not(.message--simple) .message-inner {
flex-direction: column;
}
.block--messages .message:not(.message--simple) .message-cell.message-cell--user .message-user .message-userArrow {
position: absolute;
bottom: 0;
left: 50px;
top: initial;
right: initial;
border: 10px solid transparent;
border-top-width: 0;
border-bottom-color: rgba(0,0,0,.1);
}
.block--messages .message:not(.message--simple) .message-cell.message-cell--user .message-user .message-userArrow:after {
position: absolute;
top: 2px;
right: -9px;
content: "";
border: 9px solid transparent;
border-top-width: 0;
border-bottom-color: #fefefe;
}
.block--messages .message:not(.message--simple) .message-cell.message-cell--user .message-user .message-userExtras {
margin-top: 0;
margin-left: auto;
}
.message-avatar-wrapper .message-avatar-online, .message-avatar-wrapper .message-avatar-offline {
position: absolute;
left: 50%;
margin-left: -.615em;
bottom: -.5em;
}
التعديل الأخير بواسطة المشرف:
