Help Tăng chiều rộng khung bài viết?

Discussion in 'Addon, Styling and Customization Questions' started by ducmu, Sep 8, 2015.

  1. ducmu

    ducmu Thượng Đế

    Joined:
    Jun 24, 2015
    Messages:
    151
    Likes Received:
    36
    Trophy Points:
    28
    Gender:
    Male
    e thay đổi cái khung bài viết theo hướng dẫn này

    nhưng mà cái "khung viết bài" đó chiều rộng nó ngắn e muốn cho nó kéo dài ra thì sửa code thế nào ạ??e thử thay đổi mấy con số trong code mà thấy ko đc. hay là còn phải tùy theo chiều rộng diễn đàn nữa?
     
  2. ducmu

    ducmu Thượng Đế

    Joined:
    Jun 24, 2015
    Messages:
    151
    Likes Received:
    36
    Trophy Points:
    28
    Gender:
    Male
  3. 2L.Ohayo

    2L.Ohayo Cộng Sự Đắc Lực Staff Member

    Joined:
    Mar 8, 2015
    Messages:
    761
    Likes Received:
    808
    Trophy Points:
    93
    Gender:
    Male
    demo online bạn ơi =="
     
  4. ducmu

    ducmu Thượng Đế

    Joined:
    Jun 24, 2015
    Messages:
    151
    Likes Received:
    36
    Trophy Points:
    28
    Gender:
    Male
  5. 2L.Ohayo

    2L.Ohayo Cộng Sự Đắc Lực Staff Member

    Joined:
    Mar 8, 2015
    Messages:
    761
    Likes Received:
    808
    Trophy Points:
    93
    Gender:
    Male
    đó là do mấy cái ảnh chiều rộng chỉ có thế thôi.
     
  6. nghiapro

    nghiapro Thượng Đế

    Joined:
    Jun 23, 2015
    Messages:
    221
    Likes Received:
    92
    Trophy Points:
    28
    Gender:
    Male
    Home Page:
  7. 2L.Ohayo

    2L.Ohayo Cộng Sự Đắc Lực Staff Member

    Joined:
    Mar 8, 2015
    Messages:
    761
    Likes Received:
    808
    Trophy Points:
    93
    Gender:
    Male
    bạn tìm những class dưới đây và thay bằng của mình nhé
    Code:
    .message .messageContent
        {
            padding: 5px;
            background: url(styles/images/entry-content.png) repeat-y;
            padding-left: 34px;
            padding-right: 34px;
            background-size: 1200px;
        }
            .message .contenttren
            {
                background: url(styles/images/entry-top.png) no-repeat top left 1200px;
                padding-top: 25px;
                background-size: 1200px;
            }
            .message .contentduoi
            {
                background: url(styles/images/entry-bottom.png) no-repeat bottom left;
                padding-bottom: 55px;
                background-size: 1200px;
                position: relative;
                margin-bottom: 11px;
            }
            span.comment-number 
           {
               position: absolute;
               top: 10px;
               left: 1120px;
              display: block;
              width: 60px;
              height: 56px;
          }
     
  8. 2L.Ohayo

    2L.Ohayo Cộng Sự Đắc Lực Staff Member

    Joined:
    Mar 8, 2015
    Messages:
    761
    Likes Received:
    808
    Trophy Points:
    93
    Gender:
    Male
    THB likes this.
  9. nghiapro

    nghiapro Thượng Đế

    Joined:
    Jun 23, 2015
    Messages:
    221
    Likes Received:
    92
    Trophy Points:
    28
    Gender:
    Male
    Home Page:
  10. 2L.Ohayo

    2L.Ohayo Cộng Sự Đắc Lực Staff Member

    Joined:
    Mar 8, 2015
    Messages:
    761
    Likes Received:
    808
    Trophy Points:
    93
    Gender:
    Male
  11. ducmu

    ducmu Thượng Đế

    Joined:
    Jun 24, 2015
    Messages:
    151
    Likes Received:
    36
    Trophy Points:
    28
    Gender:
    Male
    }[/CODE][/QUOTE]
    đây là thông số e chỉnh lại
    Code:
    .message .messageContent
        {
            padding: 10px;
            background: url(styles/images/entry-content.png) repeat-y;
            padding-left: 34px;
            padding-right: 34px;
            background-size: 1000px;
        }
            .message .contenttren
            {
                background: url(styles/images/entry-top.png) no-repeat top left 1200px;
                padding-top: 25px;
                background-size: 1000px;
            }
            .message .contentduoi
            {
                background: url(styles/images/entry-bottom.png) no-repeat bottom left;
                padding-bottom: 55px;
                background-size: 1000px;
                position: relative;
                margin-bottom: 11px;
            }
            span.comment-number
           {
               position: absolute;
               top: 10px;
               left: 950px;
              display: block;
              width: 60px;
              height: 56px;
          }
    làm sao đẻ nó bo viền như ở dưới ạ?
    bovien.png
     
    THB likes this.
  12. 2L.Ohayo

    2L.Ohayo Cộng Sự Đắc Lực Staff Member

    Joined:
    Mar 8, 2015
    Messages:
    761
    Likes Received:
    808
    Trophy Points:
    93
    Gender:
    Male
    Ở class contenttren, phần background xóa 1200px đi. Xin lỗi quên chưa xóa
     
    THB likes this.
  13. ducmu

    ducmu Thượng Đế

    Joined:
    Jun 24, 2015
    Messages:
    151
    Likes Received:
    36
    Trophy Points:
    28
    Gender:
    Male
    xóa toàn bộ background-size:1200px; hay chỉ xóa 1200px thôi??

    vì e xóa cả 2 kiểu thì nó vẫn thế
     
  14. 2L.Ohayo

    2L.Ohayo Cộng Sự Đắc Lực Staff Member

    Joined:
    Mar 8, 2015
    Messages:
    761
    Likes Received:
    808
    Trophy Points:
    93
    Gender:
    Male
    chỉ xoá 1200px ở phần background thôi, còn background-size thì để nguyên 1000px
     
  15. ducmu

    ducmu Thượng Đế

    Joined:
    Jun 24, 2015
    Messages:
    151
    Likes Received:
    36
    Trophy Points:
    28
    Gender:
    Male
    ok r ạ tiện a giúp e nốt cái này

    e dùng cái
    Mobile Agent Tracer

    nhưng mobile hiện lên nó ko đóng khung đẹp như demo. nó chỉ hiện text thô xấu
    cho e xin code css hay thông số chỉnh để cái đoạn "send from" nó bo viền lại như kia với.

    mà sao e dùng samsung note 3 post bài mà nó chỉ hiện "from a device" chứ ko hiện LG hay tablet như demo?
    [​IMG]
     

Share This Page