AmberCutie's Forum
An adult community for cam models and members to discuss all the things!

CB bio help using canva

  • ** WARNING - ACF CONTAINS ADULT CONTENT **
    Only persons aged 18 or over may read or post to the forums, without regard to whether an adult actually owns the registration or parental/guardian permission. AmberCutie's Forum (ACF) is for use by adults only and contains adult content. By continuing to use this site you are confirming that you are at least 18 years of age.
Status
Not open for further replies.
Aug 10, 2021
2
1
0
Australia
Hi, i have just created a chaturbate profile and i was hoping someone could give me a hand on how to get the HTML code from my canva design to work.
i generated a embed code but when i put it in my cb bio (in the about me section) it didn't work and I'm not sure what to do now.
thank you :)
 
Hi, i have just created a chaturbate profile and i was hoping someone could give me a hand on how to get the HTML code from my canva design to work.
i generated a embed code but when i put it in my cb bio (in the about me section) it didn't work and I'm not sure what to do now.
thank you :)
There are a few "instructions" on how to use Canva with Chaturbate on this platform I can't remember the links but all you need from Canva is just the image URL.
Here's what I would do if I were to use Canva:
1. download the final design as image in my laptop/pc
2. upload to an image hosting service or my own host
3. grab the full direct image url
4. add it to my markup code
5. add the code to CB

HTML:
<p style="display:block;width:100%;min-width:10%;height:auto;text-align:center;margin:120px auto 50px -148px"><img src="my-canva-image" style="display:block;width:100%;height:auto;margin:0 auto;"/></p>

if explanations are needed:
- <p is HTML tag and stands for paragraph element
This paragraph will act like a wrapper, with my image inside.
width: 100% / fluid width as much as possible to responsive
min-width: 10% / that's the smaller width the paragraph will be on mobile devices (or smaller screens)
height: auto - self explanatory
text-align:center - content within this paragraph will be centered
margin:120px auto 50px -148px / this piece of inline css does the following
moves the paragraph element from top with 120px, left set for auto, bottom element will be away from paragraph with 50px and the -140px negative value is moving the paragraph element next to the left margin of the page (better positioning, wider content)

Inside p tag there's the image HTML markup
- source of the image and a bit of inline css to make the image fluid (responsive) and centered

A lot of stuff just for a line of code, I know.
 
Upvote 0
Status
Not open for further replies.