• Network
    • Mạng cơ bản
    • Hyper-V
    • Linux
    • Windown Server 2012
  • Security
    • Basic Hacking
    • Deface
    • DDOS
    • Kali Linux / Parrot
    • SQL Injection
    • Virus-Trojan-Rat
  • Thủ thuật
    • Khóa Học Miễn Phí
    • Code
    • Mẹo Vặt Máy Tính
    • Facebook
    • Windows 7/8/10
    • Đồ Họa
    • Video
  • Software
    • Phần mềm máy tính
    • Phần mềm điện thoại
  • MMO
    • Advertisers – Publishers
    • Affiliate Program
    • Kiếm tiền bằng điện thoại
    • Pay Per Click – PPC
  • Tin tức
  • Kiến thức
AnonyViet
  • Network
    • Mạng cơ bản
    • Hyper-V
    • Linux
    • Windown Server 2012
  • Security
    • Basic Hacking
    • Deface
    • DDOS
    • Kali Linux / Parrot
    • SQL Injection
    • Virus-Trojan-Rat
  • Thủ thuật
    • Khóa Học Miễn Phí
    • Code
    • Mẹo Vặt Máy Tính
    • Facebook
    • Windows 7/8/10
    • Đồ Họa
    • Video
  • Software
    • Phần mềm máy tính
    • Phần mềm điện thoại
  • MMO
    • Advertisers – Publishers
    • Affiliate Program
    • Kiếm tiền bằng điện thoại
    • Pay Per Click – PPC
  • Tin tức
  • Kiến thức
No Result
View All Result
  • Network
    • Mạng cơ bản
    • Hyper-V
    • Linux
    • Windown Server 2012
  • Security
    • Basic Hacking
    • Deface
    • DDOS
    • Kali Linux / Parrot
    • SQL Injection
    • Virus-Trojan-Rat
  • Thủ thuật
    • Khóa Học Miễn Phí
    • Code
    • Mẹo Vặt Máy Tính
    • Facebook
    • Windows 7/8/10
    • Đồ Họa
    • Video
  • Software
    • Phần mềm máy tính
    • Phần mềm điện thoại
  • MMO
    • Advertisers – Publishers
    • Affiliate Program
    • Kiếm tiền bằng điện thoại
    • Pay Per Click – PPC
  • Tin tức
  • Kiến thức
No Result
View All Result
AnonyViet
No Result
View All Result

Share miễn phí bộ Code web Profile Page cực đẹp

Lmint by Lmint
09/03/2018
in Code
Reading Time: 6 mins read
A A
8

Mục lục bài viết

  1. Giới thiệu về Profile Page
  2. Trang Profile này có gì đặc biệt ?
    1. Hiển thị trên máy tính
    2. Hiển thị trên di động
    3. Tương thích cả trên Ipad
  3. Video demo
    1. Lưu ý
  4. Hướng dẫn chỉnh sửa Source Profile Web page
    1. Hướng dẫn chỉnh sửa code web
    2. Mở file index.html
    3. Chỉnh sửa hình ảnh

Sau thành công của tác phẩm code Web tỏ tình 2018. Hôm nay, mình đã làm thêm một trang Profile theo yêu cầu của member. Mình vẫn dùng BS4, Angular Js, Javascript, HTML5 và CSS3 quen thuộc để viết.

Code website tỏ tình 2018

Các bài viết liên quan

533 trieu due lieu fb bi ro ri

Sự thật về 533 triệu dữ liệu Facebook bị rò rĩ – Cách kiểm tra tài khoản có trong danh sách không

07/04/2021
tao website thanh app

Cách chuyển Website thành App trên Windows

02/04/2021
tạo extension nhắc việc chrome đơn giản

Hướng dẫn tự tạo Extension Chrome bằng Scratch

27/03/2021
hacker hack facebook ban nhu the nao

Các cách Hacker dùng để Hack Facebook của bạn và cách khắc phục

23/03/2021

Giới thiệu về Profile Page

Là trang giới thiệu bản thân và hiển thị thông tin liêc lạc đến người khác thông qua trang website. Bất cứ ai cũng muốn giới thiệu bản thân đến bạn bè, đồng nghiệp hoặc đối tác một cách chu đáo, chuyên nghiệp và ấn tượng.

Do đó, nếu bạn sở hữu một trang Profile độc đáo thì người khác sẽ ấn tượng và đánh giá cao về bạn. Cho thấy bạn là một đối tác khá chuyên nghiệp và đáng tin tưởng. Thử hỏi nếu bạn làm một trang giới thiệu bản thân sơ xài thì người ta có dám đặt niềm tin ?

Xem thêm:  [Lập Trình Game] Bài 4: Tạo Camera theo dõi nhân vật

Trang Profile này có gì đặc biệt ?

Trang được áp dụng Bootstrap 4 và Angular Js nhiều. Đảm bảo hỗ trợ tốt việc hiển thị đa nền tảng – tương thích mọi thiết bị kể cả di động. Do đó, sẽ tăng tính thân thiện của website và mang đến cảm giác chuyên nghiệp.

Hiển thị trên máy tính

share miễn phí code web profile

 

Hiển thị trên di động

share miễn phí code web profile

Tương thích cả trên Ipad

share miễn phí code web profile

Giao diện và bố cục được mình dành nhiều thời gian sắp xếp cẩn thận. Màu sắc và Icons được mình chọn lựa rất kĩ càng. Mang lại cảm giác thiết kế Material, hiện đại và chuyên nghiệp hơn.

Ngoài ra, những hiệu ứng Scroll Action, Draw vector được áp dụng phù hợp tạo nên các chuyển động nhẹ nhàng. Không gây khó chịu cho người dùng.

Video demo

Trên đây là video trải nghiệm thực tế sau khi đã upload lên host của mình. Bây giờ, mình sẽ hướng dẫn bạn cách chỉnh sửa code của mình ngay tại phần dưới đây.

Lưu ý

Do lần trước một số bạn có lấy code của mình đi share và đem đi buôn bán, kinh doanh. Cho nên lần này mình sẽ nén code lại và dùng Angular JS để binding dữ liệu. Việc này sẽ làm trục trặc việc hiển thị lúc đầu một tí nhưng không ảnh hưởng nhiều.

09-03-2018-09-16-0109-03-2018-09-16-01
09-03-2018-10-13-0809-03-2018-10-13-08
09-03-2018-10-13-4309-03-2018-10-13-43

Hướng dẫn chỉnh sửa Source Profile Web page

Trước khi chỉnh sửa code web thì mình mong các bạn có thể đáp ứng được các yêu cầu cần thiết dưới đây.

  • Chuẩn bị một phần mềm chỉnh sửa code web cần thiết – mình dùng Sublime Text 3.
  • Biết cách dùng Ctrl + F để tìm kiếm code web.
  • Có kiến thức cơ bản về HTML.
  • Biết phân biệt ảnh .jpg và .png.
Xem thêm:  Cách kiểm tra Facebook của bạn có bị rò rỉ dữ liệu hay không

Hướng dẫn chỉnh sửa code web

Đầu tiên bạn tải về và giải nén ra (extract) sẽ thấy được đống file như ảnh dưới đây. Ai có thắc mắc hãy liên hệ mình qua Facebook fb.com/minhthong.lu.58

share miễn phí code web profile

  • img: thư mục chứa hình ảnh sử dụng trong website.
  • Javascript: thư mục chứa toàn bộ code Javascript của website.
  • index.html: Trang hiển thị của website.
  • main.css: file chứa code css của website.

Bạn vào thư mục Javascript và mở file nlar.js bằngchương trình chỉnh sửa code. Đây là file chứa code web Angular js và toàn bộ nội dung chữ hiển thị trên website.

share miễn phí code web profile

Rất cả nội dung chữ hiển thị trên trang web mình viết tại đây. Bạn sẽ chỉnh nội dung trong ngoặc kép “” thành nội dung mà bạn muốn.

Mở file index.html

Tuy nhiên vì tên Lư Minh Thông mình phải Charming chữ ra để làm hiệu ứng. Nên nếu muốn thay đổi thì bạn phải vào index.html mà chỉnh.

Ctrl + F để tìm chữ Lư Minh Thông và đổi thành tên của bạn.

Share miễn phí bộ Code web Profile Page cực đẹp 7

Chỉnh sửa hình ảnh

Trong thư mục img mình có để hai ảnh story1.jpg và story2.png để làm hai ảnh bài viết trên website.

Share miễn phí bộ Code web Profile Page cực đẹp 8

Bạn tải ảnh mà bạn thích và lưu trong thư mục img. Sau đó, vào file index.html và ấn Ctrl + F rồi tìm như cách trên nhé. Sau đó sửa tên ảnh thành ảnh mà bạn muốn.

Download

Nhớ bỏ qua quảng cáo để ủng hộ mình nhé !

Lưu ý: nếu Upload lên host bị lỗi không chạy được, hãy đổi tên thư mục Javascript thành javascript (chữ j viết thường).

Xem thêm:  [Lập Trình Game] Hướng Dẫn dùng AutoTile khi thiết kế Game với Godot

Vậy là xong. Ngoài ra hi vọng bạn không thay đổi bất cứ gì thêm để tránh hư code, hỏng code. Nếu có thắc mắc hãy liên hệ mình tại facebook: fb.com/minhthong.lu.58

Chúc bạn thành công
Lmint.

Tags: bootstrapcá nhânchỉnh codecodecssFacebookhọchtmlhướng dẫnjavascriptlập trìnhmiễn phíprofileshare codewebWebsitewebste
Previous Post

Tool tạo tài khoản facebook không giới hạn – không verify

Next Post

Mẹo sử dụng phần mềm Internet Download Manager hiệu quả

Lmint

Lmint

Người mà bạn nên trông đợi, chỉ có bản thân bạn mà thôi. Đừng phụ thuộc quá nhiều vào người khác để đến khi nhìn lại bản thân thì chẳng làm được gì nên trò.

Related Posts

[Godot RPG]#5: Autotile - Lập trình game Godot Engine 9
Godot

[Godot RPG]#5: Autotile – Lập trình game Godot Engine

05/04/2021
tạo extension nhắc việc chrome đơn giản
Code

Hướng dẫn tự tạo Extension Chrome bằng Scratch

27/03/2021
[Godot RPG] #4 : Tilemap 10
Godot

[Godot RPG] #4 : Tilemap

04/03/2021 - Updated on 05/03/2021
hoc code powershell
Code

Hướng dẫn lập trình PowerShell trên Windows

27/02/2021
code shell script
Code

Cách viết Shell Script trong Linux/Unix

17/02/2021
code python keylogger
Code

Cách tạo KeyLogger bằng Python đơn giản nhất

14/02/2021
Next Post
Mẹo sử dụng phần mềm Internet Download Manager hiệu quả 11

Mẹo sử dụng phần mềm Internet Download Manager hiệu quả

guest
guest

Website này sử dụng Akismet để hạn chế spam. Tìm hiểu bình luận của bạn được duyệt như thế nào.

8 Comments
oldest
newest
Inline Feedbacks
View all comments
alo
alo
3 years ago

sao đổi đc fb ở web tỏ tình z ad

Reply
Lmint
Author
Lmint
3 years ago
Reply to  alo

bạn học kiến thức cơ bản về thẻ liên kết < a src=" " >trong html đi rùi biết chỉnh nhén.

Reply
vương
vương
3 years ago
Reply to  alo

liên hệ mình hướng dẫn cho, tuy mình ko giỏi, nhưng có bk chút chút fb.com/1710.super ….nhân tiện cảm ơn ad vì code thông tin , em đã dùng và rất cảm ơn ạ.

Reply
Lewe-2k6
Lewe-2k6
3 years ago

tks Ad nhieu lam a. ^^

Reply
katori
katori
2 years ago

tên đoạn nhạc trong video là gì vậy ạ?

Reply
namdaik
namdaik
2 years ago

mấy template này mình thấy bình thường quá

Reply
Bmacf
Bmacf
2 years ago

Lỗi. Code này nó bị gì á anh ơi, e up lên host nó bị lỗi nó ra mấy cái {…} gì đó. A hãy sửa lại và gửi giúp e vào : [email protected]

Reply
AnonyViet
Admin
AnonyViet
2 years ago
Reply to  Bmacf

bạn chụp hình lỗi lên xem

Reply
wpdiscuz   wpDiscuz

Liên hệ Quảng Cáo

Lien he AnonyViet

Đối tác

Fshare

Các bài mới

VPN để chơi game

Có nên sử dụng VPN để chơi game không?

10/04/2021
lỗi "Windows needs more space" khi Update Windows

Cách sửa lỗi “Windows needs more space” khi cập nhật Windows 10

10/04/2021
ban da khoa trang ca nhan

Cách tạo Trang cá nhân bị khóa – Locked Profile trên Facebook

08/04/2021
nang cap ios 14.3 khong can shsh

Hướng dẫn nâng cấp iOS 14.3 không cần SHSH

08/04/2021
download Ninjutsu OS

Ninjutsu OS – Hệ điều hành dành cho Hacker dựa trên Windows 10

08/04/2021

Ads

Giới thiệu

AnonyViet

AnonyViet

Nơi chia sẻ những kiến thức mà bạn chưa từng được học trên ghế nhà trường!

Chúng tôi sẵn sàng đón những ý kiến đóng góp, cũng như bài viết của các bạn gửi đến AnonyViet.

Hãy cùng AnonyViet xây dựng một cộng đồng CNTT lớn mạnh nhất!

Giới thiệu

AnonyViet là Website chia sẻ miễn phí tất cả các kiến thức về công nghệ thông tin. AnonyViet cung cấp mọi giải pháp về mạng máy tính, phần mềm, đồ họa và MMO.

Liên kết

Game B52
Tải game đổi thưởng online
Chơi game bài hot 2020
Chơi game bài đổi thưởng online
RikVip
iwin888
Gam Víp
88vin link

Liên hệ đặt Ads: [email protected]

Liên hệ

Email: anonyviet.com[@]gmail.com

1409 Hill Street #01-01A
Old Hill Street Police Station
Singapore 179369

Bài viết mới

  • Có nên sử dụng VPN để chơi game không?
  • Cách sửa lỗi “Windows needs more space” khi cập nhật Windows 10
  • Cách tạo Trang cá nhân bị khóa – Locked Profile trên Facebook
  • Hướng dẫn nâng cấp iOS 14.3 không cần SHSH
  • Ninjutsu OS – Hệ điều hành dành cho Hacker dựa trên Windows 10
  • Hướng dẫn xem phim tại Galaxy Play miễn phí 1 năm
  • Giới thiệu về AnonyViet
  • Liên hệ Quảng cáo
  • Privacy & Policy
  • Contact

© 2019 AnonyViet - Chúng tôi mang đến cho bạn những kiến thức bổ ích về Công nghệ.

No Result
View All Result
  • Network
    • Mạng cơ bản
    • Hyper-V
    • Linux
    • Windown Server 2012
  • Security
    • Basic Hacking
    • Deface
    • DDOS
    • Kali Linux / Parrot
    • SQL Injection
    • Virus-Trojan-Rat
  • Thủ thuật
    • Khóa Học Miễn Phí
    • Code
    • Mẹo Vặt Máy Tính
    • Facebook
    • Windows 7/8/10
    • Đồ Họa
    • Video
  • Software
    • Phần mềm máy tính
    • Phần mềm điện thoại
  • MMO
    • Advertisers – Publishers
    • Affiliate Program
    • Kiếm tiền bằng điện thoại
    • Pay Per Click – PPC
  • Tin tức
  • Kiến thức

© 2019 AnonyViet - Chúng tôi mang đến cho bạn những kiến thức bổ ích về Công nghệ.

wpDiscuz