XF 1.X Uyumlu Basit Bir Yatay Postbit

MySimS3k®

Emektar Üye
Mesajlar
350
Beğeniler
318
Web sitesi
xenforotr.com
#1
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.