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

You - Personal vCard Template | Template HTML dùng làm CV cá nhân chuyên nghiệp

Chủ đề thuộc danh mục 'Templates, Source code' được đăng bởi Phạm Hữu Dư, 15/3/15.

Lượt xem: 42,356

  1. Phạm Hữu Dư phamhuudu.com

    Tình hình là có nhiều bạn đòi mình chia sẻ code trang web cá nhân http://phamhuudu.com của mình quá nên hôm nay xin lập topic chia sẻ cho những ai quan tâm. (các bạn có thể click vào web cá nhân của mình ở địa chỉ trên để xem demo online nhé)

    Template này có tên là You - Personal vCard Template bán trên Themeforest mà cách đây hơn 2 năm mình có tải về và áp dụng làm trang web cá nhân của mình cho đến bây giờ. Chức năng chính chỉ là giới thiệu về bản thân, thích hợp cho những ai thích style đơn giản để làm portfolio cá nhân của mình.

    Template này có 4 tab là Home (trang giới thiệu khái quát kèm theo ảnh đại diện) - Profile (trang giới thiệu chi tiết về lịch sử học tập và làm việc của mình) - Portfolio (trang giới thiệu các sản phẩm mình từng làm) - Contact (trang liên hệ).

    O0yeq5H.jpg
    Đây là giao diện gốc của template này

    bfVzXHC.jpg
    Còn đây là giao diện mình chỉnh sửa lại đôi chút để áp dụng vào trang cá nhân của mình

    Các bạn có thể tải về tại đây
    [lock][​IMG][/lock]

    Hướng dẫn sử dụng:
    • Điều đầu tiên các bạn cần là phải có hosting, biết cách up file lên hosting nhé. Các bạn cũng cần phải có 1 domain riêng giống như mình vậy đó (domain và host bây giờ rẻ lắm, các bạn nên đầu tư 2 cái này). Tiếp đến là các bạn cần phải có chút xíu hiểu biết về HTML và CSS thì mới tùy chỉnh thoải mái theo ý thích mình được :)
    • Sau khi download về và giải nén, các bạn vào và up hết các file và folder lên host (folder css, demo, images, scripts và file index.html).
    • Các bạn mở file index.html bằng notepad để sửa lại nội dung theo ý mình.
    • Riêng về phần Google Maps ở tab Contact thì các bạn vào file config.js ở thư mục scripts để sửa lại địa chỉ mà mình muốn nhé.
    Lưu ý:
    • Ở template này có form gửi mail ở tab Contact khá là cùi bắp, nên các bạn có thể click vào đây để xem hướng dẫn cách thay form gửi mail khác ngon lành, chuyên nghiệp hơn nhé!
    • Các bạn nên dùng phần mềm Notepad++ để chỉnh sửa code web dễ dàng hơn. Tìm hiểu và download phần mềm này tại đây nhé!
    Cơ bản là như thế, nếu có bất cứ thắc mắc nào các bạn có thể comment ở dưới topic này mình sẽ giải đáp cho các bạn :D

    ...
    window2010, Linh Means, Ngô Đức Huynh24 người khác thích bài viết này.
  2. King ThànhAn

    King ThànhAn Phụ trách offline miền Bắc

    Cmt đầu :3 Tks a :D
    SwingsOnlyone thích bài viết này
  3. Bùi Nhất Trí

    Bùi Nhất Trí Mới đăng kí

    Thank bác nhiều !
  4. Maskters

    Maskters Thành viên cấp 1

    Thanks bạn nhé, giờ làm thêm cái reponsize với design thành giao diện nữa. hj.
  5. Eminem193

    Eminem193 Thành viên cấp 1

    Cám ơn bác Dư :3
  6. nspro

    nspro Thành viên cấp 1

    Hay tóa, down gấp :v
  7. Justina Phuong

    Justina Phuong Mới đăng kí

    Ai làm mấy cái " Tôi là trẻ trâu , tôi là AHBP " với :v
  8. avdmedia.net

    avdmedia.net Thành viên cấp 2

    admin làm tut hướng dẫn nữa thì tuyệt :(
    thanks admin
  9. Phạm Hữu Dư

    Phạm Hữu Dư phamhuudu.com Ban quản trị

    avdmedia.net mình đã hướng dẫn rồi còn gì, dĩ nhiên bạn phải có chút kiến thức về web và html thì mới sử dụng đc chứ. Bạn cần phải tìm hiểu cơ bản về web, hosting trước khi download cái này về sử dụng.

    Rồi thắc mắc cái gì thì vào đây hỏi mình sẽ trả lời, chứ làm tut gì hở bạn?
    avdmedia.net thích bài viết này
  10. banbaonylong

    banbaonylong Ko phải assmin

    cái vCard này ko responsive nên hạn chế á :D
  11. truelovea3

    truelovea3 Mới đăng kí

    Phạm Hữu Dư cho em hỏi lấy tọa độ của địa chỉ mình muốn như nào ạ?
  12. hoangloicit

    hoangloicit Thành viên cấp 1

    e làm đc rồi, kiếm domain ngon ngon rồi bung lên cho có anh có em :)):)):)):)):))
  13. thientu0689

    thientu0689 Thành viên cấp 1

    ơ ông ass min ở Bình Dương à ..
  14. Maskters

    Maskters Thành viên cấp 1

    Mình đã làm xong reponsize.
  15. Phạm Hữu Dư

    Phạm Hữu Dư phamhuudu.com Ban quản trị

    truelovea3 bạn lên Google Maps search địa chỉ nhà mình trước, nó suggest địa chỉ như thế nào thì copy vào file config.js thôi.

    5s2yjBC.jpg

    Maskters cho xem demo đi bạn, sẵn share lên đây cho anh em có nhu cầu xài responsive đi :D
    truelovea3Maskters thích bài viết này.
  16. ankson159

    ankson159 Thành viên cấp 1

    Ad Cho hỏi muốn chèn mấy cái link facebook,... thì chèn vào đâu vậy ạ :D
  17. Phạm Hữu Dư

    Phạm Hữu Dư phamhuudu.com Ban quản trị

    ankson159 ý bạn là mấy cái link ở trang Contact?
    ankson159 thích bài viết này
  18. Trần Duy Hoàng

    Trần Duy Hoàng Thành viên cấp 3

    em cũng sửa được kha khá rồi cơ mà em ko viết được tiếng việt
  19. Phạm Hữu Dư

    Phạm Hữu Dư phamhuudu.com Ban quản trị

    Trần Duy Hoàng nếu dùng Notepad để chỉnh sửa file index.html thì lưu ý lúc save lại phải chú ý chỗ Encoding chọn UTF8 nhé! Có như thế mới ko bị lỗi khi dùng tiếng Việt.

    DdR1oTz.jpg
  20. Trần Duy Hoàng

    Trần Duy Hoàng Thành viên cấp 3

Ủng hộ diễn đàn