Bio issues - Coding

[kingnotworking]

Hello, firstly I'm new here so sorry if this is in the wrong place and It's nice too meet you all.

I've been trying too do a bio for a friend, but I am very stuck now. I've managed too do this basic stuff.

I want too have transparent boxes that I can put text in, but you can still slightly see the background image. I'm looked around so much today, but can't work it out.


This is the code up too now

<p><p rel="nofollow" style="background:url(https://wallpapercave.com/wp/dyQF4z...:fixed;z-index:-50;background-position:center top; background-size:cover;" target="_blank"><br/><p rel="nofollow"

style="background-image:url(https://img.wallpapersafari.com/des...t:no-repeat;background-size:cover;margin-left: -10em; margn-right: 10; margin-top:10em;padding-bottom:5em;padding-left:20em;padding-top:5em" target="_blank"><br/><img rel="nofollow" src="URL"

target="_blank"><br/><img rel="nofollow" src="URL"

</div>


I would appreciate any advice.


Thank you,
Paul

 

[NotYou]

I would use the RGBA method
background-color: rgba(255, 0, 0, 0.5);
(This would be a red box with 50% opacity)
1.0 = 100% fully visible. / 0.0 = fully invisible/transparent - so in the example above 0.5 is 50% opacity


Better explanations for you and to help you understand and learn more are:

https://www.w3schools.com/css/css3_colors.asp


Also, a very useful and free tool/website to analyze and organize (tidy up) your coding, suggest fixes, etc is http://codepen.io

 

[kingnotworking]

Thank you. I'll give it a try.

 

[NotYou]

Thank you. I'll give it a try.

I would suggest/recommend not hotlinking from websites either: IE. wallpapercave & wallpapersafari - be sure to save and upload the wallpaper to a web host such as imgur.com
Most places hate hotlinking and will ban the site from using it, and even more so if it's an adult site and/or gets lots of hits and uses a lot of bandwidth of theirs.

So to be safe upload and host yourself (on an image host site)

 

[kingnotworking]

Okay thank you.

How do I change the colour of text?

style="list-style:none;margin:0;padding:20px 10px 20px 10px;"><span style="margin:0 auto;list-style:none;padding:0;max-width:800px;"><p style="text-align:center;margin:0;padding:0;text-indent:0;"><font style="font-size:30px;line-height:35px;"><b>BIOGRAPHY</b></font><br/></p><p style="text-align:center;margin:0;padding:0;text-indent:30px;"><br>

I can't see where it would change colour. It's white text at moment.

 

[NotYou]

Within any/all of the "font" tags, just add something easy such as:
color: red;
or preferably use hex, such as:
color: #000000;
(000000 = black / ffffff = white)


Use a site such as https://htmlcolorcodes.com/
to have a look for and find any hex colours you need
On that page, it's the top option "# FF" - below it has R, G, B, H, S, L, etc

 

[kingnotworking]

Thank you, that is perfect.

Just one last thing, what is the code too change font style from Arial etc? I've looked on that site, but not sure. Is they also a list of font styles that can be used?

Thank you

 

[cexmental]

Here is a great article about CSS and Web fonts: https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Web_fonts

Cheers,
Cexmental

 

[bbbbadddd]

Can we pull web fonts within a bio page? I've tried several ways but the only one that I've been able to get to work is what Chaturbate uses (ubuntumedium if I remember right) since it's already being pulled by the larger page. But my CSS skills are limited. Would be great to know how if so.

 

[Dan N]

Can we pull web fonts within a bio page? I've tried several ways but the only one that I've been able to get to work is what Chaturbate uses (ubuntumedium if I remember right) since it's already being pulled by the larger page. But my CSS skills are limited. Would be great to know how if so.

Not possible.
A registered user from our service asked a similar question and here's my reply / but short version, no it's not possible. CB platform doesn't allow @import fonts even if they are self-hosted. Its a matter of using css stylesheet (not supported by Chaturbate) rather than inline css

 

[Klaudia]

I would like to add a few images to my "bio" but don't know where to store them on line.
I tried imgur.com and postimages.org but none of them works!
is there any approved or recommended site by CB where I can store my pics???

PS
imgur works perfectly well with reddit...

 

[bbbbadddd]

I would like to add a few images to my "bio" but don't know where to store them on line.
I tried imgur.com and postimages.org but none of them works!
is there any approved or recommended site by CB where I can store my pics???

PS
imgur works perfectly well with reddit...

Seems to be a recent problem over the last few days with Cb's way of proxying the files. Only new files. Imgur, et. al. should work otherwise. Give it some time to work out before moving things around.