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

19/07/2018

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.

Mục lục bài viết:

1 Tạo avatar phong cách PornHub Online
- 1.1 Vậy làm sao để bạn tải avatar máy tính?
2 Code tạo avatar phong cách PornHub

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.

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.

Xem thêm: Tải miễn phí bộ Stock ảnh Mây Buổi Chiều HD 4K Cực Đẹp

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>

<span contenteditable="true">Anony</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;
}