làm sao để chỉnh background không lặp lại mà đứng yên

Thảo luận trong 'Style & Template Questions' bắt đầu bởi Pát Peo xD, 27/7/13.

1votes
5/5, 1 vote

  1. Pát Peo xD

    Pát Peo xD New Member

    Bài viết:
    13
    Likes :
    0
    Đang tải...
  2. thong100

    thong100 Member

    Bài viết:
    77
    Likes :
    11
    CSS:
    img.bg {
    /* Set rules to fill background */
    min-height: 100%;
    min-width: 1024px;

    /* Set up proportionate scaling */
    width: 100%;
    height: auto;

    /* Set up positioning */
    position: fixed;
    top: 0;
    left: 0;
    }

    @media screen and (max-width: 1024px) { /* Specific to this particular image */

    img.bg {
    left: 50%;
    margin-left: -512px; /* 50% */
    }

    }
     
  3. Pát Peo xD

    Pát Peo xD New Member

    Bài viết:
    13
    Likes :
    0
    bạn nói kĩ hơn dc k ạ :-?
     
  4. thong100

    thong100 Member

    Bài viết:
    77
    Likes :
    11
    Thử vọc đi sẽ có thêm nhiều điều hay (sử dụng đoạn trên được rồi, thay class:img.bg)
     
  5. Pát Peo xD

    Pát Peo xD New Member

    Bài viết:
    13
    Likes :
    0
    mình thay cái bg ở Style Properties bạn :-? :(

    [​IMG]
     
  6. thong100

    thong100 Member

    Bài viết:
    77
    Likes :
    11
    Thay trong template bạn à
     
  7. Pát Peo xD

    Pát Peo xD New Member

    Bài viết:
    13
    Likes :
    0
    template nào bạn nói rõ tí :-?
     
  8. thong100

    thong100 Member

    Bài viết:
    77
    Likes :
    11
    ACP->Appearance->Templates-> xenforo.css, tìm body, của bạn đang là:
    Thay 02 dòng mày xanh 5 và 6 bằng đoạn trên
    body{
    1. font-family: 'Open Sans', arial, serif;​
    2. color: rgb(20,20,20);​
    3. background-image: url('styles/xensplash/style/bg_design.jpg');​
    4. background-repeat: repeat-x;
    5. background-position: 50% 0;
    6. word-wrap: break-word;​
    7. line-height: 1.6;​
    }
     
  9. congnghevps

    congnghevps Member

    Bài viết:
    268
    Likes :
    97
    Thêm background-attachment:fixed; vào trong khung mở rộng là xong thôi.
     
  10. Lê Tí

    Lê Tí Well-Known Member

    Bài viết:
    1,450
    Likes :
    620
  11. thuatdl

    thuatdl Member

    Bài viết:
    672
    Likes :
    182
    Vào chỗ này, xóa cái dòng của bạn ở trên đi, kéo xuống cuối cùng có cái khung bự bự, thêm đoạn sau vào đó và lưu lại nhé:
    PHP:
    backgroundurl(@imagePath/style/bg_design.jpgno-repeat center center fixed;
    -
    webkit-background-sizecover;
    -
    moz-background-sizecover;
    -
    o-background-sizecover;
    background-sizecover;
    p/s: leech của Lê Tí :))
     
comments powered by Disqus

Chia sẻ trang này

Đang tải...