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 Thiết kế Logo chỉ vài click với Logaster

22/06/2021

Cách thiết kế Logo nhanh cho riêng bạn không cần Photoshop

31/03/2021

Cách Chế ảnh MeMe hài hước không cần Photoshop trong vòng 10s

30/03/2021

5 Phần mềm thay thế Adobe Illustrator trên Linux miễn phí

09/02/2021

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