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

Hướng dẫn nhận 2 năm bản quyền Figma miễn phí cực HOT

21/09/2022

Cách biến một bức ảnh bình thường thành tranh vẽ

13/09/2022

TOP 5 trang Web xóa nền đỉnh nhất hiện nay

30/08/2022

Cách cài, mua bản quyền AutoCAD giá rẻ cho Mac M1, Windows

25/06/2022 - Updated on 29/06/2022

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;
}