Question How to make the user info text one line only ?

Thảo luận trong 'Troubleshoot & Other Questions' bắt đầu bởi nadlerz, 20/10/12.

1votes
5/5, 1 vote

  1. nadlerz

    nadlerz New Member

    Bài viết:
    8
    Likes :
    0
    Demo here in this thread.
    Example this code:


    Message Count: and 29 text is displayed in one line only. How ?
     
    Đang tải...
  2. Fox Of Dark

    Fox Of Dark Oáp.... Mấy ngày nay thức trễ

    Bài viết:
    1,102
    Likes :
    316
    i think you should add <dt>, </dt>....
    Try:D
     
  3. Reishou

    Reishou Member

    Bài viết:
    519
    Likes :
    192
    Try it

    Mã:
    .messageUserBlock .extraUserInfo dt {
        float:left;
        text-align:left;
    }
    .messageUserBlock .extraUserInfo{text-align:right;}
     
  4. VXF

    VXF Be like no other .. Staff Member

    Bài viết:
    1,277
    Likes :
    2,175
    You can try following message_user_info.css
    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";   
            }
           
                .messageUserBlock div.avatarHolder a
                {
                    display: block;
                }
               
            /*.messageUserBlock .ipLink
            {
                display: block;
                float: right;
                font-size: 8px;
                width: 12px;
                height: 12px;
                line-height: 12px;
                text-align: center;
                background-color: @primaryLighter;
                border-radius: 3px;
            }
           
                .messageUserBlock .ipLink:hover
                {
                    background-color: @primaryLightest;
                    text-decoration: none;
                }*/
               
            .messageUserBlock h3.userText
            {
                @property "messageUserText";
                padding: 6px;
                @property "/messageUserText";
            }
       
            .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: 11px;
                background-color: @primaryLightest;
                padding: 4px 6px;
                border-radius: 4px;
                @property "/messageExtraUserInfo";
            }
           
                .messageUserBlock .extraUserInfo dl
                {
                    margin: 2px 0;
                }
               
                    .messageUserBlock .extraUserInfo dt
                    {
                        font-size: 9px;
                        display: block;
                    }
                   
                .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;
                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;
                    border-right: none;
                }
    
     
    nadlerz and Mr.iCoder like this.
  5. nadlerz

    nadlerz New Member

    Bài viết:
    8
    Likes :
    0
    This one is working.
    Thanks !
     
comments powered by Disqus

Chia sẻ trang này

Đang tải...