• Sunday , 22 October 2017

Demo Chuyển PSD Thành HTML/CSS dùng Bootstrap

Code Canyon
https://i.ytimg.com/vi/Oc3KgnzBbPo/hqdefault.jpg



Bản quyền video từ http://hocweb.com.vn
Link download lab: http://www.mediafire.com/?kjr4sk9cahd5rme
Link download file hội thảo: http://www.mediafire.com/?er61cdoghuq8z0y
Link PSD đây các bạn: http://www.mediafire.com/download/c2dubexyebeq81b/Exponet.psd
Link Source HTML hoàn chỉnh: https://drive.google.com/file/d/0B_BdtvnxfNMnNS1CZm4xLW1PRVk/edit
Tài trợ bởi:
http://maytinhgiare.net

Original source

3d Ocean

Related Posts

46 Comments

  1. E Mail
    October 3, 2017 at 11:16

    không hiểu

  2. phậm hội
    October 3, 2017 at 11:16

    e có code e làm trong notepad

  3. phậm hội
    October 3, 2017 at 11:16

    mình làm z chỉ có 1 mình mình xem đc h làm s để mọi người vào xem đc z ad chỉ e đi ><

  4. Che KN
    October 3, 2017 at 11:16

    ông ơi ai mà lại đi cắt bằng cách crop thế, người ta cắt bằng Slice too. cắt mà để cả đống viền thế lúc vào code thì kích thước nó lệch hết à pro =))

  5. jsbamboo
    October 3, 2017 at 11:16

    Mới đầu thấy 38 phút cũng nghi nghi, vừa coi vừa đọc comment thì ra copy and paste, nên đổi title thành hướng dẫn lấy hình từ file PSD thì đúng hơn.

  6. Trưởng Đinh Quang
    October 3, 2017 at 11:16

    xàm, tưởng dùng phầm mền để tạo code, thì ra là làm sẵn rồi copy, quỳ

  7. Neymar Phan
    October 3, 2017 at 11:16

    a dạy hay quá..cảm on ạ

  8. hung nguyen
    October 3, 2017 at 11:16

    hay

  9. Shaming misa
    October 3, 2017 at 11:16

    bạn ơi, mình làm theo hướng dẫn như trong clip (phần cắt ảnh: logo, banner…) mình dùng paint cắt, khi gắn vào nó ko hiển thi đúng vị trí như của bạn.

    Vậy bắt buộc là phải dùng PS hả bạn? Với lại chữ Home, Protofile, blog…. sao nó dồn qua bên trái hết nhỉ. Nhờ bạn chỉ giáo?

  10. Lorence
    October 3, 2017 at 11:16

    rất thích tut bạn xong mình thấy chạy các cửa sổ khác nhau bị bể

  11. Hai Duc
    October 3, 2017 at 11:16

    cho em hoi a dung phan mem gi de viet code vay?cho em link tai lun?link huong dan sd luon

  12. Hai Duc
    October 3, 2017 at 11:16

    cam on a

  13. Đạt Trương
    October 3, 2017 at 11:16

    copy lại code thì còn gọi gì là hướng dẫn cắt web nữa hả trời :v

  14. Quân Nguyễn
    October 3, 2017 at 11:16

    làm thế nào để đổ lưới đều được như bạn?

  15. Yenma Sieupham
    October 3, 2017 at 11:16

    cái phím tắt để tắt các layer khác đi là gì vậy anh…e nghe mãi k ra TT

  16. nam nguyen
    October 3, 2017 at 11:16

    ai cho mình xin file psd! link die rồi…

  17. Truong Nguyen
    October 3, 2017 at 11:16

    Sao không hướng dẫn reponsive trên thiết bị di dộng luôn admin?

  18. quy huynh
    October 3, 2017 at 11:16

    làm sao chỉnh ruler trong ps thành đơn vị px. của mình nó hiện đơn vị là inch

  19. Lê Quý Vương Mr.
    October 3, 2017 at 11:16

    Xin hình nền desktop bạn ơi

  20. CƯỜI Xả Láng
    October 3, 2017 at 11:16

    thank b nhé

  21. Phạm Ngọc Điểm
    October 3, 2017 at 11:16

    Link download lab ai tải rồi cho xin cái.

  22. Binh Quang
    October 3, 2017 at 11:16

    mình ko hiểu rõ lắm nếu web có cấu trúc khác thì bootstrap lại sửa theo cấu trúc đó hả bạn, mình chỉ thiết kế.

  23. Master Đức
    October 3, 2017 at 11:16

    làm sao ctrl+h ra 12 cột vậy ad. mặc định có 19 cột

  24. Master Đức
    October 3, 2017 at 11:16

    link die hết rồi

  25. Hacker Minh
    October 3, 2017 at 11:16

    Bạn quay video mà chả nói kĩ càng tí tẹo  nào.Nếu người ta ko biết sử dụng  code html hoặc css đó dùng như thế nào chả nhẻ toàn COPY @@

  26. Nguyễn Ca
    October 3, 2017 at 11:16

    bài này hay quá bác em ms tìm hiểu cái thằng này !bài hướng dẫn của bác hữu ích quá thank bác rât nhiều!có một bài chia sẻ hoàn chỉnh một trang thì tốt quá bác ạ!

  27. Đặng Hà
    October 3, 2017 at 11:16

    Cho mình hỏi là làm sao để tạo được các cột dọc màu xanh trong photoshop nhỉ?

  28. Cuong Huynh
    October 3, 2017 at 11:16

    rat chi tiet, cam on ban da dong gop

  29. pro design
    October 3, 2017 at 11:16

    thanks

  30. Tống Nhật Trường
    October 3, 2017 at 11:16

    hay và dễ hiễu quá, mong thêm các video và tut của bạn về làm theme nữa

  31. Nguyễn Anh Tuấn
    October 3, 2017 at 11:16

    anh cho em xin bài word để em nghiên cứu thêm

  32. Nguyễn Anh Tuấn
    October 3, 2017 at 11:16

    anh làm web lúc nào cũng mặc định là 12 cột à.

  33. Nhan Nguyen Huu
    October 3, 2017 at 11:16

    Thà tự cắt còn nhanh hơn . nhiều site về thương mại điện tử thì làm thế nào sao được . site này chỉ dành cho người mới vào nghề thui mà

  34. Linh ta dang
    October 3, 2017 at 11:16

    cái này mình xem còn băn khoăn một chút về cách đặt tên class, id lắm. và file bootstrap.min.css mình dow về thì nó được hiểu như thế nào trên trang của mình. Rất mong được chỉ giáo.

  35. Nguyễn Văn Phục
    October 3, 2017 at 11:16

    Thank you very much!

  36. Tú Minh
    October 3, 2017 at 11:16

    toàn dùng ảnh làm ntn thì load web biết bao giờ

  37. Nguyen vu hoang
    October 3, 2017 at 11:16

    cho minh hỏi là background-image trện 1 div của mình chỉ hiện ra khi kéo nhỏ màn hình lại? bình thường thì nó không hiện

  38. Hiệp Khách Hành
    October 3, 2017 at 11:16

    Sao khong chay duoc voi IE9 va IE 10 vay

  39. Trung Hiếu Nguyễn
    October 3, 2017 at 11:16

    Trước hết rất cám ơn tut của bạn, thứ 2 mong bạn làm tút nâng cao hơn về cắt theme: như nếu có 1 file thiết kế psd rồi mình muốn chia ra 12 cột để cắt sang bootstrap thì phải làm sao vì đây là phần đầu tiên để cắt theme mà mình chưa biết chia thế nào, và mong được 1 tut làm theme hơi khó hơn tý có Ribbon thì chia thế nào ? Mình đã xem hết video của bạn mà không thấy hướng dẩn chia 12 cột trông psd, nếu có tut về việc đó mong bạn share link vì mình tìm không thấy. nếu bạn cần psd mình yêu cầu để làm demo bạn pm mình qua skype: hieu_songnguyen  . Thanks

  40. Tuan Anh
    October 3, 2017 at 11:16

    Template không chạy được trên IE 🙂

  41. Duong Thin
    October 3, 2017 at 11:16

    hiểu roài

  42. Duong Thin
    October 3, 2017 at 11:16

    làm ẩu quá, chưa hiểu chi tết

  43. Hocweb.com.vn
    October 3, 2017 at 11:16

    Link PSD đây các bạn: http://goo.gl/XQdgCf
    Link Source HTML hoàn chỉnh: http://goo.gl/89wyDG

  44. Khang Pham
    October 3, 2017 at 11:16

    Toàn thấy bác cop từ text ra thôi à ^^

  45. Phạm Văn Dũng
    October 3, 2017 at 11:16

    chào admin
    Mình có xem bài hướg dẫn của  bạn, nhưng có vài điều ko hiểu và nó xuyên suốt cả bài, dẫn đến cuối cùng ko hiểu
    – Số cột chia được tính sao. Vị dụ design màn hình 1366×768 hoặc loại full màn hình thì số cột ra sao

  46. Hocweb.com.vn
    October 3, 2017 at 11:16

    Chào bạn,
    Mặc định Bootstrap đặt chiều rộng tối đa (max-width) là 1170px. Tuy nhiên chúng ta cũng có thể thay đổi thông số này. Để biết các thực hiện như thế nào, mời bạn xem các bài hướng dẫn HTML/CSS kết hợp Bootstrap tại website Hocweb.
    Thân chào.

Leave A Comment

You must be logged in to post a comment.