أثبت وجودك لا تقرأ وترحل



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

طريقة عرض المواضيع والمشاركات بشكل أفقى

السلام عليكم لا اعرف اذا كان الدرس تم طرحه من قبل عموما الموضوع بسيط هو عباره عن كود عند اضافة فى قالب يجعل عرض...

احصائياتى

الردود
1

المشاهدات
1595
abo-karim
.:: Administrator ::.
  • abo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud of

  • abo-karim غير متواجد حالياً

المشاركات
4,552

+التقييم
20

تاريخ التسجيل
Jun 2015

الاقامة
ام الدنيــ EGYPT ــا

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

رقم العضوية
1
08-30-2024, 09:39 AM
المشاركة 1
08-30-2024, 09:39 AM
المشاركة 1
افتراضي طريقة عرض المواضيع والمشاركات بشكل أفقى
السلام عليكم
لا اعرف اذا كان الدرس تم طرحه من قبل عموما الموضوع بسيط هو عباره عن كود عند اضافة فى قالب يجعل عرض المواضيع والمشاركات تظهر بشكل أفقى وليس بشكل عمودى كما هو الاساسى فى الزين فورو كما بالصوره


الخطوات
افتح قالب extra.less ثم اضف هذا الكود
كود PHP:
.message-avatar {
    
floatleft
}

@
media (min-width650px) {
    .
message-userDetails {
        
display:inline-block;
        
padding10px;
        
min-widthauto;
        
min-height96px
    
}
}
@
media (max-width800px) {
   .
message:not(.message--forceColumns) .message-userExtras {
    
displaynone;
    }
}
.
message-userExtras {
    
displayblock;
    
floatright;
    
margin-top: -10px !important;
    
width31%;
    
backgroundazure;
    
margin-right: -10px
}

.
message-userArrow {
    
top0px !important;
    
right0px !important;
    
border0px solid transparent !important
}

.
message-userArrow:after {
    
border0px solid transparent !important
}

.
message-inner {
    
displayblock !important
}

.
template-thread_view .message-cell.message-cell--user,.template-thread_view .message-cell.message-cell--action {
    
padding10px;
    
width100%;
    
max-height150px;
}

.
message.message--quickReply.block-topRadiusContent.block-bottomRadiusContent .message-cell.message-cell--user {
    
displaynone
}

.
message--simple .message-cell.message-cell--user {
    
displaynone
}

.
message-userExtras dl:nth-child(2n+1) {
    
floatleft !important;
    
width49%;
    
padding-right10px
}

.
message-userExtras dl:nth-child(2n+2) {
    
floatright;
    
width49%
}

.
template-thread_view .pairs.pairs--justified {
    
border1px solid rgba(11,76,91,0.2);
    
padding3px;
    
margin1px
}

.
message-avatar .avatar {
    
border-radius50%;
    
border3px solid #d8d8d8;
}

.
message-cell.message-cell--user {
    
border-rightnone;



قديم 09-09-2024, 09:54 PM
المشاركة 2
نسيت النوم
.:: عضو مبدع ::.
  • نسيت النوم غير متواجد حالياً
افتراضي رد: طريقة عرض المواضيع والمشاركات بشكل أفقى
يعطيك الف عافية

اضافة رد

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

طريقة عرض المواضيع والمشاركات بشكل أفقى


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

الانتقال السريع
المواضيع المتشابهه للموضوع: طريقة عرض المواضيع والمشاركات بشكل أفقى
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[ vBulletin 5 ] : طريقة عرض المواضيع والمشاركات بشكل أفقى للجيل الخامس vb5 هيلبرنت ركن تطـوير منتديات vBulletin 5 07-26-2024 07:26 PM
طريقة عرض المواضيع بشكل أفقى والمشاركات بشكل عمودي للزين فورو abo-karim ركن شروحات الزين فورو XENFORO 0 07-07-2024 10:16 AM
[XF 2.x] : طريقة جعل المواضيع والمشاركات اسفل اقسام المنتدى هيلبرنت ركن شروحات الزين فورو XENFORO 11 01-30-2021 11:56 PM
طريقة عرض المواضيع والمشاركات بشكل أفقى و عمودى Mohamed yasser ركن مشاكل وطلبات المنتديات 6 05-22-2019 02:19 AM
طريقة توسيع او تكبير خانة المواضيع والمشاركات هيلبرنت ركن تطوير منتديات vb3.8.0 0 09-17-2016 06:39 PM




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