1. المدير العام

    المدير العام أدارة موقع أكتب كود

    تغيير شكل عرض عناوين المواضيع الى شكل تخطيط الشبكة
    من هذا الشكل
    [​IMG]
    لتكون بهذا الشكل :
    [​IMG]
    كل ما عليك هو ان تقوم بنسخ الكود التالي ولصقة في قالب extra.less

    كود:
    /********* Css Grid Code Start ********/
    .structItem-title{
        text-overflow: ellipsis !important;
        max-width: 50ch;
        white-space: nowrap;
        overflow: hidden; }
    .structItem--thread{
        border-collapse: collapse;
        width: 100%;
        height: auto;
        display: inline-block !important;
        margin: 9px 0px 0px 6px;
        max-width: 49% !important;
        box-sizing: border-box;
        vertical-align: top;
        border-radius: 2px;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28); }
    .structItem-cell{width:100%;}
    @media (max-width: 650px){
    .structItem-cell.structItem-cell--meta { display:none; } }
    .structItem-cell--meta{
        display: block;
        width: auto !important;
        margin-top: -13px;
        float:left; }
    .structItem-cell--latest{
        display: block;
        width: auto !important;
        margin-top: -13px;
        margin-bottom: 15px;
       float:right; }
    .structItem-cell--meta > .pairs.pairs--justified>dd {
        float: left; text-align: right;  max-width: 100%; }
    .structItem-cell--meta dl.pairs.pairs--justified{  float:left; }
    .structItem-cell--latest{ margin-bottom:0px !important; }
    @media (max-width: 1125px) {
      .structItem--thread {max-width: calc(95%) !important;   } }
    @media (max-width: 650px) {
      .structItem-cell--latest{ margin-top: -20px !important;}
      .structItem--thread {
        display: table !important;
        max-width: 100% !important;
        margin: 5px 5px 5px 0px;
        box-shadow: none;     } }
    @media (max-width: 650px){
    .structItem-cell.structItem-cell--latest,.structItem-cell--meta { float:right !important;  }}
    .structItem-cell--meta dt{ font-size:0px; }
    .structItem-cell--meta dd{ margin-left:18px; font-size: 12px; color:#ababab; }
    .structItem-cell--meta .structItem-minor dt:before , .structItem-cell--meta dt:before{
        font-family: FontAwesome;
        font-size: 12px;
        position: absolute;
        margin-left: 0px;
        color:#ababab; }
    .structItem-cell--meta .structItem-minor dt:before {content: '\f06e '; }
    .structItem-cell--meta dt:before {content: '\f112'; }
    .structItem-cell--latest{ margin-top: -34px;}
    .structItemContainer-group.js-threadList { margin-bottom: 8px; }
    .structItem-cell--main .structItem-extraInfo {float: left;margin-left: -8px;}
    /********* Css Grid Code End ********/
    واذا اردت ان تكون المواضيع المثبتة بلون مميز عن باقي المواضيع اضف هذا الكود تحت الكود السابق

    كود:
    .structItemContainer-group--sticky .structItem--thread {
        background: #fff5e8 !important;
      border: 1px solid #f9c479 !important;
    }
    
    ليصبح بالشكل التالي:
    [​IMG]
     
جاري تحميل الصفحة...