Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

[Thắc mắc] Mọi người cho mình hỏi đây là loại file ảnh gì ợ :))

Chủ đề thuộc danh mục 'Hỏi đáp - Xin xỏ - Thảo luận về Photoshop' được đăng bởi Viet.Anti.Virus, 5/9/14.

Lượt xem: 1,496

  1. Viet.Anti.Virus Thành viên cấp 2


    ...
    Nguyễn Tất Thắngtranvan.muon thích bài viết này.
  2. blacklarson

    blacklarson Thành viên cấp 2

    Bạn inspect element sẽ thấy đó là 2 ảnh hoàn toàn khác nhau.
    Mình ko rành về css hay html lắm nhưng đoán là hiệu ứng di chuột do 1 trong 2 cái đó thôi
  3. Viet.Anti.Virus

    Viet.Anti.Virus Thành viên cấp 2

    rõ ràng 2 hình đó khác nhau rồi, nhưng mình đang tò mò, làm thế nào để rê qua rê lại được như thế ấy

    làm được 2 bức thế mình tự tin làm dc

    nhưng để rê được thì...mù, mà nhìn cái này thú vị quá cơ :D
  4. MidsideElite

    MidsideElite Thành viên cấp 2

    Chỉnh sửa lần cuối: 5/9/14
    Chì ThanTakaki thích bài viết này.
  5. thanhdatqp

    thanhdatqp Thành viên cấp 2

    Phần cuối bài viết nói "hầu hết đều thực hiện dựa trên phần mềm pts" không biết làm ntn nhỉ ?
  6. thanhdatqp

    thanhdatqp Thành viên cấp 2

  7. Viet.Anti.Virus

    Viet.Anti.Virus Thành viên cấp 2

    vậy chắc chịu k làm đc rồi :(
  8. TPaine

    TPaine Thành viên cấp 2

    Có plugin rồi đó, bạn tải về làm đi. Cái này đăng thành 1 bài trên diễn đàn mình thì hay
  9. Viet.Anti.Virus

    Viet.Anti.Virus Thành viên cấp 2

    đã tải plugin, mà dạo này bận quá :(
  10. thanhdatqp

    thanhdatqp Thành viên cấp 2

    Tải về rồi làm ntn nữa kemdoan
  11. thanhdatqp

    thanhdatqp Thành viên cấp 2

    up chỉ 2 file .CSS và .JS thôi à
  12. thanhdatqp

    thanhdatqp Thành viên cấp 2

    chèn cái Htlm ở đâu anh ?
  13. MidsideElite

    MidsideElite Thành viên cấp 2

    Đâu tiền bạn up 3 cái này lên ngang hàng với file index bạn tính làm slide
    [​IMG]
    Sau đó bạn tạo 1 file index.html
    trong file index các bạn làm như sau
    Copy đoạn code dưới đây cho vào trên cùng của file

    PHP:
    <head>
      <
    meta charset="utf-8" />
      <
    meta name="viewport" content="width=device-width, initial-scale=1.0" />
      <
    title>twentytwenty</title>
      <
    link href="css/foundation.css" rel="stylesheet" type="text/css" />
      <
    link href="css/twentytwenty.css" rel="stylesheet" type="text/css" />
    </
    head>
    <
    script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
      <
    script src="js/jquery.event.move.js"></script>
      <
    script src="js/jquery.twentytwenty.js"></script>
      <
    script>
      $(
    window).load(function(){
      $(
    ".twentytwenty-container[data-orientation!='vertical']").twentytwenty({default_offset_pct0.7});
      $(
    ".twentytwenty-container[data-orientation='vertical']").twentytwenty({default_offset_pct0.3orientation'vertical'});
      });
      </
    script>
    Để tiến hành làm slide before và after các bạn sư dụng đoạn code sau
    Đoạn code này là kéo từ trái sang phải là ngược lại
    PHP:
    <div class="row" style="margin-top: 2em;">
        
          <
    div class="large-8 columns">
            <
    div class="twentytwenty-container">
              <
    img src="URL ảnh before" />
              <
    img src="URL ảnh after" />
            </
    div>
          </
    div>
        </
    div>
    Đoạn code này là kéo từ trên xuống và ngược lại
    PHP:
      <div class="row" style="margin-top: 2em;">
      <
    div class="large-4 columns">
      
      </
    div>
      <
    div class="large-8 columns">
      <
    div class="twentytwenty-container" data-orientation="vertical">
      <
    img src="URL ảnh before" />
      <
    img src="URL ảnh after" />
      </
    div>
      </
    div>
      </
    div>
    thanhdatqp thích bài viết này
  14. thanhdatqp

    thanhdatqp Thành viên cấp 2

    Hix khó làm quá.muốn làm 1 cái tặng bạn mà mãi k ra.Anh chị nào rảnh làm bài hướng dẫn chi tiết đi
  15. Viet.Anti.Virus

    Viet.Anti.Virus Thành viên cấp 2

    cảm ơn bạn MidsideElite nhé, rảnh rỗi mình vọc sau, giờ bận quá...

Ủng hộ diễn đàn