Share Code Web giới thiệu bản thân AboutMe2 cực đẹp

Lần trước mình có share code web giới thiệu bản thân AboutMe1. Nhận được phản hồi tích cực từ mọi người, cho nên vì thế mình làm thêm một trang nữa. Nếu muốn xem lại AboutMe1 của mình thì ấn vào link dưới đây .
Xem AboutMe1

Điểm nổi bậc của Source Code AboutMe2 này

Trang AboutMe2 mình không dùng thư viện Javascript nữa và cũng lượt bỏ trọn vẹn AngularJS. Cho nên so với trang trước thì nó nhẹ hơn rất nhiều lần, vận tốc load cũng nhanh hơn cả trăm lần .

Lần này, mình chỉ dùng bộ dàn trang của Bootstrap 4 và Javascript nguyên thủy và phối hợp CSS3 và HTML5. Mọi thứ túc tắc có sẵn trên mọi trình duyệt vì vậy website sẽ trở nên cực kỳ nhẹ và không tốn nhiều thời hạn tải .

Giao diện trang Web giới thiệu bản thân

Vẫn giữ những tính năng như cũ, website được viết cho mục tiêu làm trang giới thiệu bản thân. Giao diện đơn thuần, dễ dùng và dễ chỉnh sửa. Tương thích đa nền tảng thiết bị và giao diện đơn thuần nhưng văn minh .

Khi bạn rê chuột lên tên nhân vật thì sẽ Open thêm dòng chữ xác nhận Verified thích mắt .

Khi sang trình duyệt của Tablet hoặc di động thì website sẽ tự sắp xếp và co dãn nội dung. Do đó, bạn không cần phải chỉnh sửa gì nhiều cả .

Hướng dẫn tải về và chỉnh sửa

Bạn cần tải về và chỉnh sửa lại thành thông tin của bạn. Sau đó, upload lên host hoặc trang blogspot để sử dụng. Mình sẽ hướng dẫn từng bước, bạn hãy tải source code về theo link dưới đây .
Tải về Source Code
Nhớ bỏ lỡ quảng cáo để ủng hộ mình nha .

Giải nén File AboutMe2.zip ra bạn sẽ có được toàn bộ source code. Kiểm tra xem có đầy đủ các File như trong ảnh dưới đây không. Nếu thiếu thì báo cáo mình qua Facebook nhé.

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

Bạn mở File index.html bằng chương trình chỉnh sửa code website ( mình dùng Sublime Text 3 để chỉnh sửa – theo thói quen ) .
Ấn tổng hợp phím Ctrl + F để mở công dụng tìm kiếm. Sau đó tìm kiếm từ khóa infoBox để đến khu vực chỉnh sửa tiên phong .

Tiếp theo, tìm kiếm từ khóa detailInfo để chỉnh sửa nội dung trong khu vực tiếp theo .

Tìm kiếm từ khóa Facebook để chỉnh sửa những link .

Thay đổi ảnh đại diện thay mặt

Đầu tiên, chọn ra ảnh đại diện thay mặt mà bạn muốn. Sau đó, để vào thư mục img trong file đã giải nén .

Để thay đổi ảnh đại diện thì bạn tìm từ khóaavatarBoxđể chỉnh sửa liên kết hình ảnh lại là được.
Để biến hóa ảnh đại diện thay mặt thì bạn tìm từ khóađể chỉnh sửa link hình ảnh lại là được .

Vậy là xong, giờ upload lên host và tận thưởng thôi nào .

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

Source: https://final-blade.com
Category: Kiến thức Internet