• Merhaba Ziyaretçi,
    Sitemizden yararlanmak için buradan kayıt olunuz.
  • Değerli üyelerimiz, Bildiğiniz üzere uzunca bir süredir eklenti desteği ile kişisel sebeplerden ötürü ilgilenemiyorum. Üyelerimizi mağdur etmemek açısından burada sergilenen eklentilerimizi Xenforo.gen.tr üzerinde satışa sunma kararı aldık. Mevcut eklentilere ait kritik problem ve geliştirmeler ile ilgili belirli aralıklarla Xenforo.gen.tr üzerinden destek verilecektir.

XF 1.X Uyumlu Basit Bir Yatay Postbit

MySimS3k®

Emektar Üye
Katılım
30 Nis 2016
Mesajlar
358
Reaction score
342
Puanları
63
Yaş
41
Konum
Adana
Web sitesi
xenforo.com.tr
PHP Versiyonu
PHP v7.1.x
xenforo-yatay-postbit.png

Merhaba arkadaşlar bildiğiniz gibi XenForo nun postbiti default olarak dikey şekilde geliyor yatay postbit sevenler için basit bir yatay postbit nasıl yapılır onu anlatacağım. İlk olarak kullandığınız temanın Extra.css alanına aşağıdaki kodları ekleyin

Kod:
/* ######## MySimS3K Basit Bir Yatay Postbit ######## */

.messageUserInfo {
float: none !important;
width: auto !important;
}

.messageUserBlock div.avatarHolder .avatar img {
width: 48px;
height: 48px;
}

.Responsive .messageUserBlock div.avatarHolder
{
float: left;
padding: 5px;
}

.messageUserBlock h3.userText {
margin-left: 64px;
}

.messageUserBlock {
overflow: hidden;
margin-bottom: 5px;
position: relative;
}

.messageUserBlock .userBanner
{
max-width: 150px;
margin-left: 0;
margin-right: 0;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
position: static;
display: inline-block;
}

.messageUserBlock a.username {
padding-top: 2px;
}

.message .messageInfo {
@property "messageInfo";
margin-left: 0px;
@property "/messageInfo";
}
.message .messageContent {
@property "messageContent";
min-height: 30px;
@property "/messageContent";
}

/* ######## MySimS3K Basit Bir Yatay Postbit ######## */
Ardından yine aynı temada message_user_info.css şablonunu açın ve aşağıdaki kodu bulun
Kod:
.messageUserBlock a.username
        {
            @property "messageUsername";
            font-weight: bold;
            display: block;
            overflow: hidden;
            line-height: 16px;
            @property "/messageUsername";
          
        }
Ve aşağıdaki ile değiştirin
Kod:
.messageUserBlock a.username
        {
            @property "messageUsername";
            font-weight: bold;
            display: inline;
            overflow: hidden;
            line-height: 16px;
            @property "/messageUsername";
          
        }
Son olarak yine aynı şablonda aşağıdaki kodu bulun
Kod:
.messageUserBlock .userBanner
        {
            display: block;
            margin-bottom: 5px;
            margin-left: -{xen:calc '@messageUserText.padding-left + 6'}px;
            margin-right: -{xen:calc '@messageUserText.padding-right + 6'}px;
        }
Aşağıdaki ile değiştirin
Kod:
.messageUserBlock .userBanner
        {
            display: block;
            margin-bottom: 5px;
            /*margin-left: -{xen:calc '@messageUserText.padding-left + 6'}px;*/
            margin-right: -{xen:calc '@messageUserText.padding-right + 6'}px;
        }
Ve kaydedin. İşlem bu kadar arkadaşlar. Umarım beğenirsiniz.
 

mc14

Kayıtlı Üye
Katılım
4 Tem 2017
Mesajlar
1
Reaction score
0
Puanları
1
Yaş
31
Bunu Xenforo 2 için nasıl yapabiliriz?
 
Üst