Edit here: Style Properties -> Header and navigation

şablon değişikleri Eklenti olmadan Thread için ızgara düzeni

şablon değişikleri
Staff
Katılım14 May 2022
Mesajlar1,405
Çözümler50
T. puanı1,777
Konum Almanya
CF-Coin 8,573
bayram#3463
905529374247
Addon olmadan İplik ızgara düzeni ile tekrar burada hemant. Addon @Neutral Singh olmadan XFRM için Izgara düzenimden sonra , iş parçacığı için de ızgara düzeni yapmayı öneriyorum. işte burada.

İşte Extra.less'a yerleştirmeniz gereken basit bir CSS , aradığınızı verecektir. BEĞENDİYSENİZ LÜTFEN İNCELEYİNİZ Not : maksimum genişliği ayarlamanız gerekir : 50Ch; Forum düzeninize göre. Ör: maksimum genişlik: 40Ch; bu ... genişliğinize göre ayarlayacaktır
Kod:
/********* 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; }
.pairs.pairs--justified>dd {
    float: left;
    text-align: right;
    max-width: 100%; }
.structItem-cell--latest{
  margin-bottom:0px !important; }
@media (max-width: 1125px) {
  .structItem--thread {
    max-width: calc(95%) !important;   } }
@media (max-width: 650px) {
  .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; }
.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'; }

/********* Css Grid Code End ********/

Yapışkan ipliğin renkli olarak ayrı görünmesini isteyen varsa Metin bu CSS'yi extra.less'ın altına yapıştırın
Kod:
.structItemContainer-group--sticky .structItem--thread {
    background: #fff5e8 !important;
  border: 1px solid #f9c479 !important;
}
 
SPAM YAPMAK YASAKTIR!
  • Örneğin: teşekkürler, sağol, çok iyi, asdqwe, çalışıyor, ty ve benzeri!
  • Örneğin: Aynı mesajı sürekli olarak yazmak. teşekkürler, tşk ve benzeri!
  • Bir başkasının mesajını kopyalayıp aynısını yazmak yasaktır.
  • Bilginiz olmadığı konulara yorum sayınız artsın diye mesaj atmak yasaktır.
  • Yorum yaparken kendi fikrinizi yazınız!
  • Spam mesaj atan görürseniz RAPOR tuşu ile bize bildirmeniz önem ve rica olunur!
Üst
AdBlock Algılandı

Anlıyoruz, reklamlar can sıkıcı!

Tabii ki, reklam engelleme yazılımı, reklamları engellemede harika bir iş çıkarır, ancak aynı zamanda web sitemizin faydalı özelliklerini de engeller. En iyi site deneyimi için lütfen AdBlocker'ınızı devre dışı bırakın.

AdBlock'u Devre Dışı Bıraktım