Tự tạo Avatar theo phong cách PornHub

PornHub được xem là trang web xxx lớn nhất thế giới. Bố nào bảo không biết PornHub thì cắt chym đi cho rồi. Với đặc điểm logo của PornHub là chữ Porn màu trắng, Hub màu đen trên nền vàng. AnonyViet sẽ hướng dẫn bạn thiết kế Avatar theo phong cách của PornHub.

Phong trào hiện nay một số bạn đang thích tự chế Avatar của mình theo phong cách PornHub. Tất nhiên là bạn có thể tự chọn nội dung cho Avatar của mình. Đặc biệt là không cần biết về Photoshop hay kiến thức về đồ họa vẫn làm được. Code của tác giả Hòa Gia Dương.

Tạo avatar phong cách PornHub Online

Nếu bạn chưa có kiến thức về lập trình thì có thể sử dụng Code có sẵn tại link dưới đây:

Chỉ cần thay đổi nội dung tại cột HTML (chỗ chữ Anony và Viet) theo nội dung bạn thích. Kết quả sẽ hiện ngay dưới cùng của màn hình. Nhìn mũi tên trong hình:

Ngoài ra bạn có thể, tùy chỉnh màu hoặc kích thước tùy thích bằng cách chỉnh Code phía bên cột CSS.

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

Cách đăng ký tài khoản Freepik Premium để tài file đồ họa miễn phí

18/10/2020 - Updated on 19/10/2020

Cách nâng cấp tài khoản Canva Pro miễn phí dùng đầy đủ tính năng

27/09/2020

Hướng Dẫn Vẽ Pixel Art Trên Điện Thoại Với Pixel Studio

28/08/2020

Hướng dẫn chèn ảnh vào khung cột đang Hot Trend Facebook

21/07/2020 - Updated on 22/07/2020

Tất nhiên là bạn cần có kiến thức cơ bản về CSS. Nếu bạn muốn học thêm về HTML và CSS có thể tải Khóa học lập trình Web HTML5 trị giá 599.000đ mà AnonyViet đã share trước đây.

Vậy làm sao để bạn tải avatar máy tính?

Sản phẩm thiết kế của bạn chỉ là dạng Code, do đó bạn cần một phần mềm chụp ảnh màn hình để chụp lại tấm ảnh vừa tạo. Mình dùng Snipping Tool có sẵn của Windows để chụp cho nhanh.

Code tạo avatar phong cách PornHub

Chỉ với vài dòng lệnh HTML và CSS bạn có thể tự tạo cho mình 1 Logo riêng.

Code HTML

<div class="hub">
  <span contenteditable="true">Anony</span>
  <span contenteditable="true">Viet</span>
</div>

Code CSS

html {
  height: 100%;
}
body {
  background: #000000;
  color: #ffffff;
  margin: 0;
  min-height: 100%;
  height: 100%;
  position: relative;
}
.hub {
  display: block;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 9vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.hub span:nth-child(2) {
  background: #FF9900;
  color: #000000;
  border-radius: 1vw;
  padding: 0 1vw 1vw 1vw;
  display: inline-block;
}