• 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
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

Download Burp Suite 2020.12 Pro Full Key - Cách Active bản quyền 15

Download Burp Suite 2020.12 Pro Full Key – Cách Active bản quyền

24/01/2021
gui tin nhan hang loat facebook 2021

Tự động gửi tin nhắn hàng loạt trên Facebook Messenger 2021

20/01/2021 - Updated on 22/01/2021
môi trường ảo python windows

Cách thiết lập môi trường ảo Python trên Windows 10

17/01/2021
Các kiểu dữ liệu cơ bản trong Python 16

Các kiểu dữ liệu cơ bản trong Python

12/01/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:  Cài đặt giao thức SSL miễn phí cho Website - HTTPS free (VPS)

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:  Godot Engine - Game Engine Đáng Để Lập Trình Game Cho Người Mới

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 13

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 14

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:  Cách Đọc Tin Nhắn Facebook nhưng không hiện đã xem

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

môi trường ảo python windows
Code

Cách thiết lập môi trường ảo Python trên Windows 10

17/01/2021
Các kiểu dữ liệu cơ bản trong Python 17
Code

Các kiểu dữ liệu cơ bản trong Python

12/01/2021
Top 5 Ngôn Ngữ Lập Trình Hacker Mũ Trắng Nên Học
Code

Top 5 Ngôn Ngữ Lập Trình Hacker Mũ Trắng Nên Học

27/11/2020 - Updated on 30/11/2020
Xoá các File trùng lặp bằng Python
Code

Viết chương trình Xoá các File trùng lặp bằng Python

22/10/2020
viet ung dung chat bang python
Code

Cách viết ứng dụng chat đơn giản bằng Python

15/10/2020 - Updated on 16/10/2020
ứng dụng tra số điện thoại thuộc Quốc gia nào
Code

Viết ứng dụng tra số điện thoại thuộc Quốc gia nào bằng Python

11/10/2020 - Updated on 13/10/2020
Next Post
Mẹo sử dụng phần mềm Internet Download Manager hiệu quả 18

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 most voted
Inline Feedbacks
View all comments
alo | <span class="wpdiscuz-comment-count">3 comments</span>
alo | 3 comments
2 years ago

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

0
Reply
Lmint | <span class="wpdiscuz-comment-count">136 comments</span>
Author
Lmint | 136 comments
2 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.

0
Reply
vương | <span class="wpdiscuz-comment-count">10 comments</span>
vương | 10 comments
2 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 ạ.

0
Reply
Lewe-2k6 | <span class="wpdiscuz-comment-count">474 comments</span>
Lewe-2k6 | 474 comments
2 years ago

tks Ad nhieu lam a. ^^

0
Reply
katori | <span class="wpdiscuz-comment-count">2 comments</span>
katori | 2 comments
2 years ago

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

0
Reply
namdaik | <span class="wpdiscuz-comment-count">6 comments</span>
namdaik | 6 comments
2 years ago

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

0
Reply
Bmacf | <span class="wpdiscuz-comment-count">2 comments</span>
Bmacf | 2 comments
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]

0
Reply
AnonyViet | <span class="wpdiscuz-comment-count">1534 comments</span>
Admin
AnonyViet | 1534 comments
2 years ago
Reply to  Bmacf

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

0
Reply

Liên hệ Quảng Cáo

Lien he AnonyViet

Đối tác

Fshare

Các bài mới

Tìm hiểu cách Hack tiền sâm lốc đơn giản tại Ae888 19

Tìm hiểu cách Hack tiền sâm lốc đơn giản tại Ae888

27/01/2021
Cách tải toàn bộ Gmail xuống máy tính bằng Google Takeout 20

Cách tải toàn bộ Gmail xuống máy tính bằng Google Takeout

27/01/2021
Cách cài đặt Microsoft Edge trên Ubuntu 21

Cách cài đặt Microsoft Edge trên Ubuntu

26/01/2021
Cách chỉ định vị trí mở cửa sổ trên Windows 22

Cách chỉ định vị trí mở cửa sổ trên Windows

26/01/2021
serial key Driver Booster 8

Download IObit Driver Booster 8 Full Key – Cài đặt tự động Driver

26/01/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 | 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

  • Tìm hiểu cách Hack tiền sâm lốc đơn giản tại Ae888
  • Cách tải toàn bộ Gmail xuống máy tính bằng Google Takeout
  • Cách cài đặt Microsoft Edge trên Ubuntu
  • Cách chỉ định vị trí mở cửa sổ trên Windows
  • Download IObit Driver Booster 8 Full Key – Cài đặt tự động Driver
  • 12 Cách để Hacker có thể Hack điện thoại của bạn
  • 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