Làm thế nào để thông tin thành viên dưới Avatar nhỏ gọn?

Thảo luận trong 'Style & Template Questions' bắt đầu bởi Hạnh Lux, 16/2/13.

1votes
5/5, 1 vote

  1. Hạnh Lux

    Hạnh Lux Verified User

    Bài viết:
    495
    Likes :
    107
    Đây là thông tin dưới Avatar ở Forum em:
    [​IMG]

    Còn đây là thông tin thành viên dưới Avatar của Vietxf.org:
    [​IMG]

    Vấn đề em muốn hỏi là làm thế nào để thông tin nằm trong 1 hàng như ở vietxf ạ. Tại vì để 2 hàng thì nó dài quá.

    Cảm ơn các bác
     
    Đang tải...
  2. nhoveai

    nhoveai Member

    Bài viết:
    674
    Likes :
    142
    seach forum có đó bạn. tìm trong admincp cũng có, nãy tìm mà ko ra:(
     
  3. LeDuy

    LeDuy New Member

    Bài viết:
    33
    Likes :
    8
    Bạn vào ACP > chọn tab Appearance > Style Properties > Message Elements
    Rồi sau đó bạn chọn thêm vô hoặc bỏ chọn các mục cần thêm.
     
  4. Fox Of Dark

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

    Bài viết:
    1,102
    Likes :
    316
    Đọc kỹ, bờ li =))
    @chủ thớt, trong template, để xem lại \m/
     
  5. Reishou

    Reishou Member

    Bài viết:
    519
    Likes :
    192
    Thêm đoạn sau vào Extra.css, có thể thay đổi kích cỡ 11px theo ý thích.
    Mã:
    .messageUserBlock .extraUserInfo dt {
        float:left;
        font-size:11px!important;
        text-align:left;
    }
     
    .messageUserBlock .extraUserInfo{
      text-align:right;
      font-size:11px!important;
    }
     
    GáiXinhVL and Fox Of Dark like this.
  6. Kenny395

    Kenny395 Member

    Bài viết:
    111
    Likes :
    7
    Mình sửa thế này rồi. Nhưng nó vẫn vậy. Vẫn 2 dòng.
     
  7. Reishou

    Reishou Member

    Bài viết:
    519
    Likes :
    192
    Bạn chỉnh cái số 11px ở sau nó thành 10 hoặc 9 thử xem. Còn cái phần giới tính thì không biết bạn thêm bằng cách nào mà code trên không tác dụng '_'
     
  8. LeDuy

    LeDuy New Member

    Bài viết:
    33
    Likes :
    8
    Sorry bạn, đúng mình đọc lộn.
    Cách bạn yêu cầu, Admin Alucar đã hướng dẫn mình trong bài http://vietxf.org/threads/loi-cot-thanh-vien-khong-hien-thi-tieng-viet.2181/

    Còn làm thông tin như VietXF thì thêm đoạn sau vào EXTRA.css

    Mã:
    .extraUserInfo {
        background:#FEFEF3 !important;
    }
    .extraUserInfo dl.pairsInline  {
        height:15px;
        border-bottom: dotted 1px #DDD;
    }
    .extraUserInfo .pairsInline dt {
        background:#FEFEF3;
        position:absolute;
        margin-top:7px;
    }
    .extraUserInfo .pairsInline dd{
        position:absolute;
        margin-top:5px;
        background:#FEFEF3;
        right:5px;
        padding-left:3px;
        font-size:11px;
    }
     
comments powered by Disqus

Chia sẻ trang này

Đang tải...