Create your own Avatar in the style of PornHub

PornHub is considered the largest xxx website in the world. Any dad who says he doesn’t know PornHub should cut his dick off. With PornHub’s logo feature being the white word Porn, Hub black above yellow background. AnonyViet will guide you to design Avatar in the style of PornHub.

Currently, some of you are interested in making your own Avatar in the style of PornHub. Of course, you can choose the content for your Avatar yourself. Especially without knowing about Photoshop or knowledge of graphics can still do it. Author’s code Hoa Gia Duong.

Create a PornHub Online Style Avatar

If you do not have programming knowledge, you can use the Code available at the link below:

Just change the content at the HTML column (where the words Anony and Viet) according to the content you like. The results will appear at the bottom of the screen. Look at the arrow in the picture:

In addition, you can customize the color or size as you like by editing the Code on the side of the CSS column.

Of course you need a basic knowledge of CSS. If you want to learn more about downloadable HTML and CSS HTML5 Web Programming Course worth VND 599,000 that AnonyViet shared before.

So how do you download computer avatars?

Your design product is just Code, so you need a screen capture software to capture the image you just created. I use Snipping Tool Windows available for quick capture.

Code to create avatar style PornHub

With just a few lines of HTML and CSS you can create your own Logo.

HTML Code

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

CSS Code

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