Chaturbate html

[Enylik]

Hello everyone, is there someone who can teach me how to do this exact html/code? I already try to learn/search online but still i cant get the exact result like this persons chaturbate display.

The yellow thing. I tried mine with this code:
<img style="position:absolute;left:27px;top:99px;pointer-events:none"
src= "https://i.ibb.co/GxLd0pD/IMG-6681.gif" alt="IMG-6681" border="0" /></a>

But it doesnt have same result:< is there someone who can teach me please??? beginner here

 

[Sequential]

Drop a link to your CB profile and I'll take a look.

Seq

 

[Enylik]

Drop a link to your CB profile and I'll take a look.

Seq

https://chaturbate.global/p/notaestheticallykyline/?tab=bio

 

[Wuggie]

Hello everyone, is there someone who can teach me how to do this exact html/code? I already try to learn/search online but still i cant get the exact result like this persons chaturbate display.

The yellow thing. I tried mine with this code:
<img style="position:absolute;left:27px;top:99px;pointer-events:none"
src= "https://i.ibb.co/GxLd0pD/IMG-6681.gif" alt="IMG-6681" border="0" /></a>

But it doesnt have same result:< is there someone who can teach me please??? beginner here

This might do what you want it to.. (Put it above the section with your links)


<p style="z-index: 5; position: absolute; top: -8%; left: -75%; line-height:0cm; display: flex; justify-content: flex-start; vertical-align: top; width: 100%; transform: rotate(180deg);"><img src='https://i.ibb.co/GxLd0pD/IMG-6681.gif'></a></p>

 

[Enylik]

H

This might do what you want it to.. (Put it above the section with your links)


<p style="z-index: 5; position: absolute; top: -8%; left: -75%; line-height:0cm; display: flex; justify-content: flex-start; vertical-align: top; width: 100%; transform: rotate(180deg);"><img src='https://i.ibb.co/GxLd0pD/IMG-6681.gif'></a></p>

Hi i tried to paste your idea it end up like this

 

[Wuggie]

H

Hi i tried to paste your idea it end up like this

Ah yea, it's because it's not taking into account the monitor size when done like this I'm not sure if the one you found originally did that

 

[Wuggie]

DP because it exceeded edit time...

This might work better for you, I can see you have centered logos, I'm not at a pc where I can insta test for cell-phone resolutions, so I'm not sure how it will look on different phones, tablets, and such.. but it's worth a shot:


<p style=";position:absolute; top: -10vh; left:0; transform: rotate(180deg); z-index:0; text-align:center; margin:0; padding:2px 0 0 0; width:100%;"><img src='https://i.ibb.co/GxLd0pD/IMG-6681.gif'></a></p>

 

[Enylik]

DP because it exceeded edit time...

This might work better for you, I can see you have centered logos, I'm not at a pc where I can insta test for cell-phone resolutions, so I'm not sure how it will look on different phones, tablets, and such.. but it's worth a shot:


<p style=";position:absolute; top: -10vh; left:0; transform: rotate(180deg); z-index:0; text-align:center; margin:0; padding:2px 0 0 0; width:100%;"><img src='https://i.ibb.co/GxLd0pD/IMG-6681.gif'></a></p>

It looks better like the persons design thankyou so much dear for the effort you edit it exactly like where it place thank you

 

[Enylik]

DP because it exceeded edit time...

This might work better for you, I can see you have centered logos, I'm not at a pc where I can insta test for cell-phone resolutions, so I'm not sure how it will look on different phones, tablets, and such.. but it's worth a shot:


<p style=";position:absolute; top: -10vh; left:0; transform: rotate(180deg); z-index:0; text-align:center; margin:0; padding:2px 0 0 0; width:100%;"><img src='https://i.ibb.co/GxLd0pD/IMG-6681.gif'></a></p>

 

[Sequential]

It would be wise to remove the </a> tag as it is an orphan and may cause issues.

Seq

 

[Enylik]

This might do what you want it to.. (Put it above the section with your links)


<p style="z-index: 5; position: absolute; top: -8%; left: -75%; line-height:0cm; display: flex; justify-content: flex-start; vertical-align: top; width: 100%; transform: rotate(180deg);"><img src='https://i.ibb.co/GxLd0pD/IMG-6681.gif'></a></p>

Hey is it possible if i hire u for just manjor edit for my chaturbate profile? I will pay you small tokens in return just major only maybe 100tks? i just use my phone and not computer atm and the efforts u did is different i thought it was already right but i check on web its different maybe i will hire u i will just pay tokens?

 

[Wuggie]

Hey is it possible if i hire u for just manjor edit for my chaturbate profile? I will pay you small tokens in return just major only maybe 100tks? i just use my phone and not computer atm and the efforts u did is different i thought it was already right but i check on web its different maybe i will hire u i will just pay tokens?

Hey I don't do major work on profiles I do believe others might help with that on the forum however, so that might be a possibility this just was a easy fix that I could fix while "on the road"

 

[Slapstick]

Google "free chaturbate profile editors". There are a number of them out there and some that should be usable from a mobile device. Whether they are suitable for you will depend on what exactly you want to do. I have seen several models that use designurbate that produce pretty good profiles and it looks pretty easy to use. I am not affiliated with designurbate.

 

[Enylik]

Google "free chaturbate profile editors". There are a number of them out there and some that should be usable from a mobile device. Whether they are suitable for you will depend on what exactly you want to do. I have seen several models that use designurbate that produce pretty good profiles and it looks pretty easy to use. I am not affiliated with designurbate.

I tried designurbate before but i dont really like it. I prefer to pick design my own the inly problem idk coding html

 

[bamdicted]

Maybe this can help you: Bio Creator Tool

It is not my site.

 

[Enylik]

Maybe this can help you: Bio Creator Tool

It is not my site.

It looks good tho dear but i want look like this and icons and the yellow thing will be in right just like the picture below. Exactly in picture design and exact loc i want.

 

[Sequential]

Try This:

<p style="position: absolute; display: block; top: 0px; left: 0px; text-align: center; margin: 0; padding: 0; width: 100%;"><img src="https://i.ibb.co/GxLd0pD/IMG-6681.gif" style="margin: -110px 0 0 0; width: 610px; height: 350px; transform: rotate(180deg); pointer-events: none;"></p>

It will get you this:


Seq.

 

[Enylik]

Try This:


It will get you this:
View attachment 99991

Seq.

I tried yours and it end up like this. Still in the center though

 

[Slapstick]

It looks like you pasted in Sequential's suggestion without deleting the previous code.

There are two things you can try changing to move the image on the screen; the first is the left: 0px;. Try changing the 0 (zero) to something like 300 (so left: 300px;) and see how much the image moves. That should move it slightly to the right. Pay attention to the semi-colon. It is important.

<p style="position: absolute; display: block; top: 0px; left: 300px; text-align: center; margin: 0; padding: 0; width: 100%;"><img src="https://i.ibb.co/GxLd0pD/IMG-6681.gif" style="margin: -110px 0 0 0; width: 610px; height: 350px; transform: rotate(180deg); pointer-events: none;"></p>

The second place to try changing is margin: -110px 0 0 0; - change the zero after -110px to something like -300px and see what happens.

<p style="position: absolute; display: block; top: 0px; left: 0px; text-align: center; margin: 0; padding: 0; width: 100%;"><img src="https://i.ibb.co/GxLd0pD/IMG-6681.gif" style="margin: -110px -300px 0 0; width: 610px; height: 350px; transform: rotate(180deg); pointer-events: none;"></p>

By changing those two numbers you should be able to move the image around, but it will take some trial and error to get it where you want. Be aware though, that this uses absolute positioning so how where it is positioned exactly will depend on the user's screen resolution and the size of their browser window.

 

[Enylik]

It looks like you pasted in Sequential's suggestion without deleting the previous code.

There are two things you can try changing to move the image on the screen; the first is the left: 0px;. Try changing the 0 (zero) to something like 300 (so left: 300px;) and see how much the image moves. That should move it slightly to the right. Pay attention to the semi-colon. It is important.


The second place to try changing is margin: -110px 0 0 0; - change the zero after -110px to something like -300px and see what happens.

By changing those two numbers you should be able to move the image around, but it will take some trial and error to get it where you want. Be aware though, that this uses absolute positioning so how where it is positioned exactly will depend on the user's screen resolution and the size of their browser window.

Thank you so much dear it already in right. my problem last now is the icons to be in the same positionnof the yellow but its ok i will try to find something thankyouu<