You are not connected. Please login or register

  1. ☆SimonFounder

    avatar
    Giới tính :
    Nam
    Số bài viết :
    205
    Tham gia :
    20/01/2012
    I . Chuẩn bị
    Chúng ta cần chuẩn bị các dụng cụ sau:
    - Google chorme ( lý do mình chọn trình duyệt này là nó có kiểm tra phần tử rất có lợi cho việc lấy CSS )
    - Hiểu được cấu trúc của Forumvi.
    - 1 Forum vbb có skin để RIP.
    - 1Forumotion để ném skin vào.
    II.Hướng dẫn căn bản
    1.Lấy CSS của forum vbb
    Chắc hẳn có rất nhiều người đọc qua rất nhiều bài trên mạng mà không hiểu gì. mình sẽ hướng dẫn bạn 1 số bước cơ bản sau:
    VD với trang www.vn-zoom.com
    các bạn ấn ctrl + U để lấy CSS như bình thường link CSS của em nó
    Code:
    http://www.vn-zoom.com/css.php?styleid=25&langid=2&d=1333962884&td=ltr&sheet=additional.css
    Các bạn ấn vào và chỉ hiện 1 dòng
    Code:
    /* Unable to find css sheet */
    file nó đã được bảo vệ nhưng bạn đừng lo google chorme sẽ giúp chúng ta việc này.
    Bạn ấn chuột phải vào 1 chỗ bất kỳ chọn kiểm tra phần tử.Tìm đến thẻ
    Code:
    <head></head>
    Bạn tìm trong thẻ này ta được hình sau


    Chỗ gạch đỏ ở trên chính là link file CSS gốc Bạn chóng mặt chuột phải chọn open link in new tab Bạn sẽ được CSS của nó.
    Thật đơn giản phải không. Tiếp tục nào

    2.Hướng dẫn lấy css từng phần
    Bạn muốn lấy một phần CSS của một phần tử nào đó.
    Bạn di chuột đến chỗ cần lấy Rồi chuột phải chọn kiểm tra phần tử.
    VD trong vn-zoom.com mình muôn lấy CSS của cái thanh trên forum ấn chọn phần tử mình được

    Phần khoanh màu đỏ to là phần CSS của thẻ class phần khoanh đỏ bé.
    ở đây chúng ta hiểu
    Code:
     class="forumhead"
    trong CSS thì thẻ class này được biểu diễn bằng
    Code:
    .forumhead
    còn id = "forumhead" sẽ biểu diễn thành #forumhead
    Bạn thấy cái khung đỏ to ở trên có dòng
    Code:
    background: #7192A8 url(images/buttons/newbtn_middle.png) repeat-x;
    link ảnh
    Code:
    images/buttons/newbtn_middle.png
    Nếu bạn để nguyên coppy vô CSS thì sẽ không đạt được kết quả.Bạn có thể chóng mặt vào link đó nó sẽ bật ra link ảnh
    Code:
    http://www.vn-zoom.com/images/buttons/newbtn_middle.png
    Bạn chỉ việc save lại và thay link thôi Smile
    Bạn học qua CSS thì cái này rất đơn giản.Vậy là bạn đã lấy được CSS của nó rồi đó Smile
    - Soạn và viết : Notme
  2. truongchunNew members

    avatar
    Giới tính :
    Nam
    Số bài viết :
    1
    Tham gia :
    01/04/2012
    hết rồi à? :v

Permissions in this forum:
Bạn không có quyền trả lời bài viết

 
  • Free forum | © PunBB | Free forum support | Liên hệ | Report an abuse | Free blog
© 2012 Zone-A7
FM PunBB - Rip by Simon