Yêu cầu Xin hướng dẫn làm các đường gạch nghang giống vxf

Thảo luận trong 'Development Tutorials' bắt đầu bởi TrungSGN, 22/9/14.

1votes
5/5, 1 vote

  1. TrungSGN

    TrungSGN Member

    Bài viết:
    256
    Likes :
    61
    upload_2014-9-22_22-55-7

    Em đã tfm khắp diễn đàn cả trên google mà ko tìm được bài hướng dẫn nào nên lập pic này Mong mọi người hướng dẫn giúp em cách để làm những đường gạch ngang giữa các thear giống như vxf.vn em xincarm ơn
     
    Đang tải...
  2. Barbarian

    Barbarian Member

    Bài viết:
    43
    Likes :
    30
    cái này hả ?
    Mã:
    .nodeList .categoryForumNodeInfo, .nodeList .forumNodeInfo, .nodeList .pageNodeInfo, .nodeList .linkNodeInfo {
      border-bottom: 1px solid #D7EDFC;
    }
     
    TrungSGN thích bài này.
  3. TrungSGN

    TrungSGN Member

    Bài viết:
    256
    Likes :
    61
    Mấy cái gạch mờ màu xanh chia mỗi thear đó bác. bác hướng dẫn em tý
     
  4. Ann

    Ann Member

    Bài viết:
    158
    Likes :
    44
    Nói chứ mình không biết cái nào lun :D
     
    TrungSGN thích bài này.
  5. Barbarian

    Barbarian Member

    Bài viết:
    43
    Likes :
    30
    Copy dòng trên và cho vào extra.css thử đi bác.
     
    TrungSGN thích bài này.
  6. thuongde

    thuongde New Member

    Bài viết:
    4
    Likes :
    5
    cái đó là css thui mà , bạn vào admincp --> SearchTemplate tìm node_list.css sau đó tìm tới dòng này
    PHP:
    .nodeList .node.level_1
    {
        
    margin-bottom20px;
    }
    Thay bằng
    PHP:
    .nodeList .node.level_1
    {
        
    margin-bottom15px;
    background-color#262B30;
    border-radius5px 5px 0px 0px;
    max-width100%;
    padding-bottom10px;
    border-bottom1px solid #303435;

    border1px solid #2E3641;
        
        
    }
    Chú ý thay đổi màu lại theo skin của mình nhé , ở trên là mình để màu của các background-color và border theo skin của mình , bạn sửa lại theo skin của bạn , ok xong ,
     
    TrungSGN thích bài này.
  7. TrungSGN

    TrungSGN Member

    Bài viết:
    256
    Likes :
    61
    Đoạn này của bác chưa giúp mình được đường gạch màu xanh cách ngăn các thear nhưng giúp em chỉnh sửa gọn lại chút .
    Thanks bác nhiều
     
  8. TrungSGN

    TrungSGN Member

    Bài viết:
    256
    Likes :
    61
    Chuẩn luôn bác ah.Nhưng bác có thể cho em xin thêm 1 chút xíu nữa làm ok !
    Hiện tại đã có các gạch ngăn các thear rồi nhưng thiếu 1đường gạch ở phía trên nữa.
    bác xem qua web em nhé http://vanchuyenvn.com
    cảm ơn bác nhiều nha . ( Bác có link web em vào ủng hộ để tạ ơn )
     
    Last edited: 23/9/14
  9. Barbarian

    Barbarian Member

    Bài viết:
    43
    Likes :
    30
    Gạch phía trên y như đường phía dưới hả bác, thêm một dòng 'border-top' y hệt như vậy là được.
     
    TrungSGN thích bài này.
  10. TrungSGN

    TrungSGN Member

    Bài viết:
    256
    Likes :
    61
    Còn trong mỗi mục ( Vd: http://vanchuyenvn.com/forums/cac-dich-vu-trong-nuoc.9/ -- Các dịch vụ trong nước , bên trong có rất nhiều bài viết ) em muốn thêm mấy gạch như vừa rồi bác hướng dẫn thì sẽ thêm vào đâu ? cho em xin đoạn code đó với bác .

    Em cảm ơn
     
    Last edited: 24/9/14
  11. TrungSGN

    TrungSGN Member

    Bài viết:
    256
    Likes :
    61
    Đã thêm và thành công , còn bên trong mỗi thear em muốn làm mấy gạch như vậy luôn bác hướng dẫn em nốt nhé. em cảm ơn
     
  12. Barbarian

    Barbarian Member

    Bài viết:
    43
    Likes :
    30
    Bác tìm '.messageList .message' thêm vào một dòng này là được
    Mã:
    border-top-style: solid;
     
    TrungSGN thích bài này.
  13. TrungSGN

    TrungSGN Member

    Bài viết:
    256
    Likes :
    61
    Cảm ơn bác, đêm qua lúc hỏi bác xong em mò rồi đã thêm được .
    Còn cái này bác biết thì giúp em luôn
    upload_2014-9-24_18-49-31
    Chẳng là em tạo su mà mục đăng chủ đề và đoạn tag em muốn xóa đi để lại mấy mục kia thì làm sao ?
     
  14. TrungSGN

    TrungSGN Member

    Bài viết:
    256
    Likes :
    61
    hic thêm cái này vào mà khjoong thay đổi bac ah. em tự mò được rồi. tanks bác nhé
     
  15. HeroBn

    HeroBn Member

    Bài viết:
    99
    Likes :
    2
  16. TrungSGN

    TrungSGN Member

    Bài viết:
    256
    Likes :
    61
    Ngay bên tra
    ngay bên trên có rồi đó bạn ?
     
comments powered by Disqus

Chia sẻ trang này

Đang tải...