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.

Tham gia kênh Telegram của AnonyViet 👉 Link 👈

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:

Tạo Avatar Pornhub

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:

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

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.

Xem thêm: Tải miễn phí bộ sưu tập 1185 ICON hiện đại dùng trong thiết kế

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

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

Câu hỏi thường gặp

Tôi có cần kiến thức về thiết kế đồ họa để tạo avatar?

Không cần thiết. Bạn có thể sử dụng code có sẵn được cung cấp trong bài viết, chỉ cần thay đổi nội dung và tùy chỉnh một chút nếu muốn.

Xem thêm: Hướng dẫn thiết kế Logo, Favicon cực đẹp bằng Turbologo

Làm sao để tải avatar sau khi tạo xong?

Avatar được tạo ra dưới dạng code trên trình duyệt. Bạn cần sử dụng phần mềm chụp ảnh màn hình (như Snipping Tool của Windows) để chụp lại hình ảnh và lưu trữ.