Help Bị lỗi avata và bài viết chèn lên nhau

lacluoc

Corporal
Tham gia
03/11/2015
Bài viết
146
Được Like
71
Mình làm theo hướng dẫn của bài http://htcviet.net/threads/tat-ca-thong-tin-user-nam-ngang-cho-xenforo.4972.html cho avata nằm ngang bài viết, xong thấy ko đẹp nên mình xóa đoạn mã đó, sau khi xóa đoạn mã đó thì bài viết bị như thế này
Untitled.jpg

Bài nào avata cùng chèn lên chữ sát như thế. Mong các bạn chỉ giúp cho về lại như bình thường. Cảm ơn các bạn. Đây là trang của mình http://noichuyenhay.com/threads/minh-bi-benh-ngai-giao-tiep.3/
 

CNTT01

Snow Flower ✔
Tham gia
06/07/2015
Bài viết
803
Được Like
686
cài vô và xoá đi ,coi lại xem xoá mất 1 cái j đó ko. dù chỉ là 1 tí nó cũng gây ra lỗi .
 

lenamem1

Gefreiter
Tham gia
08/07/2015
Bài viết
52
Được Like
21
Nếu template đó k có chỉnh sữa thì có thể revert. Nên backup lại template đó để đề phòng.
 

lacluoc

Corporal
Tham gia
03/11/2015
Bài viết
146
Được Like
71
Theo như mình đoán lỗi lày là d o bác đã để thừa 1 thẻ </div>
Mình chỉ chỉnh sửa extra.css, bản thân extra.css ban đầu là trắng ko có gì, mình revert về mặc định extra.css nhưng vẫn bị thế
 

lenamem1

Gefreiter
Tham gia
08/07/2015
Bài viết
52
Được Like
21
Mình có làm theo 1 hd bài viết nằm ngang. Mình nhớ là còn 2 template khác là message và cái gì user_info_firstpost ấy. Bạn xem lại thử
 

CNTT01

Snow Flower ✔
Tham gia
06/07/2015
Bài viết
803
Được Like
686
bạn sreach google tìm file đó về và coppy vô
 

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,829
Được Like
12,687
Bạn vào Style Properties và tăng giá trị ô như hình bên dưới là xong

upload_2015-6-30_17-13-48-png.4063.html
 
  • Like
Reactions: THB

nghiapro

MasterCorporal
Tham gia
23/06/2015
Bài viết
220
Được Like
101
Mình làm theo hướng dẫn của bài http://htcviet.net/threads/tat-ca-thong-tin-user-nam-ngang-cho-xenforo.4972.html cho avata nằm ngang bài viết, xong thấy ko đẹp nên mình xóa đoạn mã đó, sau khi xóa đoạn mã đó thì bài viết bị như thế này
View attachment 7729
Bài nào avata cùng chèn lên chữ sát như thế. Mong các bạn chỉ giúp cho về lại như bình thường. Cảm ơn các bạn. Đây là trang của mình http://noichuyenhay.com/threads/minh-bi-benh-ngai-giao-tiep.3/
Tháy cai tất cả code message_user_info.css bằng cái này
Mã:
.messageUserInfo
{
    @property "messageUserInfo";
    float: left;
    width: 124px;
    @property "/messageUserInfo";
}

    .messageUserBlock
    {
        @property "messageUserBlock";
        background: @primaryLighterStill url('@imagePath/xenforo/gradients/tab-selected-light.png') repeat-x bottom;
        border: 1px solid @primaryLighterStill;
        border-radius: 5px;
        @property "/messageUserBlock";
       
        position: relative;
    }
       
        .messageUserBlock div.avatarHolder
        {
            @property "messageAvatarHolder";
            background-color: @primaryLightest;
            padding: 10px;
            border-radius: 4px;
            @property "/messageAvatarHolder";
           
            position: relative;   
        }
       
            .messageUserBlock div.avatarHolder .avatar
            {
                display: block;
                font-size: 0;
            }
           
            .messageUserBlock div.avatarHolder .onlineMarker
            {
                position: absolute;
                top: {xen:calc '@messageAvatarHolder.padding-top - 1'}px;
                left: {xen:calc '@messageAvatarHolder.padding-right - 1'}px;
               
                @property "messageOnlineMarker";
                border: 7px solid transparent;
                border-top-color: rgb(127, 185, 0);
                border-left-color: rgb(127, 185, 0);
                border-top-left-radius: 5px;
                border-top-right-radius: 3px;
                border-bottom-left-radius: 3px;
                @property "/messageOnlineMarker";
            }
           
        .messageUserBlock h3.userText
        {
            @property "messageUserText";
            padding: 6px;
            @property "/messageUserText";
        }
       
        .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;
        }
       
        .messageUserBlock .userBanner:last-child
        {
            margin-bottom: 0;
        }
   
        .messageUserBlock a.username
        {
            @property "messageUsername";
            font-weight: bold;
            display: block;
            overflow: hidden;
            line-height: 16px;
            @property "/messageUsername";
           
        }
       
        .messageUserBlock .userTitle
        {
            @property "messageUserTitle";
            font-size: 11px;
            display: block;
            @property "/messageUserTitle";
        }
       
        .messageUserBlock .extraUserInfo
        {
            @property "messageExtraUserInfo";
            font-size: 10px;
            background-color: @primaryLightest;
            padding: 4px 6px;
            border-radius: 4px;
            @property "/messageExtraUserInfo";
        }
       
            .messageUserBlock .extraUserInfo dl
            {
                margin: 2px 0 0;
            }
                           
            .messageUserBlock .extraUserInfo img
            {
                max-width: 100%;
            }
       
        .messageUserBlock .arrow
        {
            position: absolute;
            top: 10px;
            right: -10px;
           
            display: block;
            width: 0px;
            height: 0px;
            line-height: 0px;
           
            border: 10px solid transparent;
            border-left-color: @messageUserBlock.border-color;
            -moz-border-left-colors: @messageUserBlock.border-color;
            border-right: none;
           
            /* Hide from IE6 */
            _display: none;
        }
       
            .messageUserBlock .arrow span
            {
                position: absolute;
                top: -10px;
                left: -11px;
               
                display: block;
                width: 0px;
                height: 0px;
                line-height: 0px;
               
                border: 10px solid transparent;
                border-left-color: @messageAvatarHolder.background-color;
                -moz-border-left-colors: @messageAvatarHolder.background-color;
                border-right: none;
            }

<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveNarrowWidth)
{
    .Responsive .messageUserInfo
    {
        float: none;
        width: auto;
    }

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

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

        .Responsive .messageUserBlock div.avatarHolder .avatar img
        {
            width: 48px;
            height: 48px;
        }
       
        .Responsive .messageUserBlock div.avatarHolder .onlineMarker
        {
            top: 4px;
            left: 4px;
            border-width: 6px;
        }

    .Responsive .messageUserBlock h3.userText
    {
        margin-left: 64px;
    }
   
    .Responsive .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;
    }
   
        .Responsive .messageUserBlock .userBanner span
        {
            display: none;
        }

    .Responsive .messageUserBlock .extraUserInfo
    {
        display: none;
    }

    .Responsive .messageUserBlock .arrow
    {
        display: none;
    }
}
</xen:if>
 
  • Like
Reactions: THB

lenamem1

Gefreiter
Tham gia
08/07/2015
Bài viết
52
Được Like
21
1 chủ đề mà nhiều người giúp ds. Chủ thớt ngợp :3
 
  • Like
Reactions: THB

lacluoc

Corporal
Tham gia
03/11/2015
Bài viết
146
Được Like
71
Tháy cai tất cả code message_user_info.css bằng cái này
Mã:
.messageUserInfo
{
    @property "messageUserInfo";
    float: left;
    width: 124px;
    @property "/messageUserInfo";
}

    .messageUserBlock
    {
        @property "messageUserBlock";
        background: @primaryLighterStill url('@imagePath/xenforo/gradients/tab-selected-light.png') repeat-x bottom;
        border: 1px solid @primaryLighterStill;
        border-radius: 5px;
        @property "/messageUserBlock";
      
        position: relative;
    }
      
        .messageUserBlock div.avatarHolder
        {
            @property "messageAvatarHolder";
            background-color: @primaryLightest;
            padding: 10px;
            border-radius: 4px;
            @property "/messageAvatarHolder";
          
            position: relative;  
        }
      
            .messageUserBlock div.avatarHolder .avatar
            {
                display: block;
                font-size: 0;
            }
          
            .messageUserBlock div.avatarHolder .onlineMarker
            {
                position: absolute;
                top: {xen:calc '@messageAvatarHolder.padding-top - 1'}px;
                left: {xen:calc '@messageAvatarHolder.padding-right - 1'}px;
              
                @property "messageOnlineMarker";
                border: 7px solid transparent;
                border-top-color: rgb(127, 185, 0);
                border-left-color: rgb(127, 185, 0);
                border-top-left-radius: 5px;
                border-top-right-radius: 3px;
                border-bottom-left-radius: 3px;
                @property "/messageOnlineMarker";
            }
          
        .messageUserBlock h3.userText
        {
            @property "messageUserText";
            padding: 6px;
            @property "/messageUserText";
        }
      
        .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;
        }
      
        .messageUserBlock .userBanner:last-child
        {
            margin-bottom: 0;
        }
  
        .messageUserBlock a.username
        {
            @property "messageUsername";
            font-weight: bold;
            display: block;
            overflow: hidden;
            line-height: 16px;
            @property "/messageUsername";
          
        }
      
        .messageUserBlock .userTitle
        {
            @property "messageUserTitle";
            font-size: 11px;
            display: block;
            @property "/messageUserTitle";
        }
      
        .messageUserBlock .extraUserInfo
        {
            @property "messageExtraUserInfo";
            font-size: 10px;
            background-color: @primaryLightest;
            padding: 4px 6px;
            border-radius: 4px;
            @property "/messageExtraUserInfo";
        }
      
            .messageUserBlock .extraUserInfo dl
            {
                margin: 2px 0 0;
            }
                          
            .messageUserBlock .extraUserInfo img
            {
                max-width: 100%;
            }
      
        .messageUserBlock .arrow
        {
            position: absolute;
            top: 10px;
            right: -10px;
          
            display: block;
            width: 0px;
            height: 0px;
            line-height: 0px;
          
            border: 10px solid transparent;
            border-left-color: @messageUserBlock.border-color;
            -moz-border-left-colors: @messageUserBlock.border-color;
            border-right: none;
          
            /* Hide from IE6 */
            _display: none;
        }
      
            .messageUserBlock .arrow span
            {
                position: absolute;
                top: -10px;
                left: -11px;
              
                display: block;
                width: 0px;
                height: 0px;
                line-height: 0px;
              
                border: 10px solid transparent;
                border-left-color: @messageAvatarHolder.background-color;
                -moz-border-left-colors: @messageAvatarHolder.background-color;
                border-right: none;
            }

<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveNarrowWidth)
{
    .Responsive .messageUserInfo
    {
        float: none;
        width: auto;
    }

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

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

        .Responsive .messageUserBlock div.avatarHolder .avatar img
        {
            width: 48px;
            height: 48px;
        }
      
        .Responsive .messageUserBlock div.avatarHolder .onlineMarker
        {
            top: 4px;
            left: 4px;
            border-width: 6px;
        }

    .Responsive .messageUserBlock h3.userText
    {
        margin-left: 64px;
    }
  
    .Responsive .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;
    }
  
        .Responsive .messageUserBlock .userBanner span
        {
            display: none;
        }

    .Responsive .messageUserBlock .extraUserInfo
    {
        display: none;
    }

    .Responsive .messageUserBlock .arrow
    {
        display: none;
    }
}
</xen:if>
Không được bạn ạ, vẫn y nguyên
 

lacluoc

Corporal
Tham gia
03/11/2015
Bài viết
146
Được Like
71
Mình có làm theo 1 hd bài viết nằm ngang. Mình nhớ là còn 2 template khác là message và cái gì user_info_firstpost ấy. Bạn xem lại thử
Mình ko thích cái nằm ngang, mình chỉ thử với bài hướng dẫn của htc việt, đúng là nó có nằm ngang nhưng mình ko thích nên mình xóa đoạn code đã copy của họ đi thì bài bị như thế này, dù đã revert mặc định mà vẫn ko đc, mình chỉ tác động duy nhất đến file extra.css
 
  • Like
Reactions: THB

lacluoc

Corporal
Tham gia
03/11/2015
Bài viết
146
Được Like
71
cài vô và xoá đi ,coi lại xem xoá mất 1 cái j đó ko. dù chỉ là 1 tí nó cũng gây ra lỗi .
Chỉ dán mã code vào extra.css thôi mà bạn, revert lại chính extra.css rồi mà vẫn ko đc
 
  • Like
Reactions: THB

THB

Founder
Thành viên BQT
Tham gia
25/02/2015
Bài viết
6,645
Được Like
3,930
theo mình thì @PVS nói đúng. còn bạn làm chưa đc chắc do 1 vấn đề nào khác.
bạn nên chọn lại styles mặc định thử thế nào?
 

CNTT01

Snow Flower ✔
Tham gia
06/07/2015
Bài viết
803
Được Like
686
extra.css hoặc message info sai thui ..bạn tìm file khác coppy sg file của bạn coi.
 
  • Like
Reactions: THB

lacluoc

Corporal
Tham gia
03/11/2015
Bài viết
146
Được Like
71
Mình đang dùng tất cả style mặc định, mấy cái template các bạn chỉ cũng đã revert mặc định rồi mà vẫn bị
 
  • Like
Reactions: THB

THB

Founder
Thành viên BQT
Tham gia
25/02/2015
Bài viết
6,645
Được Like
3,930
add sky mình xem cho. buổi tối thôi nha. 10h trở lên
 

lacluoc

Corporal
Tham gia
03/11/2015
Bài viết
146
Được Like
71
add sky mình xem cho. buổi tối thôi nha. 10h trở lên
Mình làm được rồi bạn ah, mình khôi phục mặc định trong Style Properties. cảm ơn bạn nhiều nhiều. Thansk VNXF rất nhiều!
 
  • Like
Reactions: THB

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mobile/Zalo: 0906081284

Telegram: anhanhxf

Chỉ nhận web nội dung lành mạnh

Nhà Tài Trợ

Mút Xốp Không Gian
Mút Sofa Không Gian
Top Bottom