Replies

Jul 22, 2021 4 years ago
MiraRose
User Avatar

I haven't been on here in a long time. I'm such a newbie at all this. Could anyone help? At least help explain how to add art to the background or something?

Jul 22, 2021 4 years ago
spacemage
is fashionable
User Avatar

Well assuming you're talking about your user profile a nice and easy way to add a background is to add the following code into you profile block (just in case it is labelled About Me~ on your profile), [also the contents can be edited through the dashboard under the profile section]

<style> body { background-image: url(URL_HERE); } </style> Do note the image used for the background will repeat if it's not big enough, to stop that add this line between the brackets in the code above, "background-repeat: no-repeat;" but the repeating part will just be without image so to deal with that you could change the colour to match the edge of your image if that's possible add the line "background-color: white;" (also takes hex values).

Also could change the size of the image with adding the line "background-size: contain", this makes sure the image isn't cut off and keeps the image ratio so there will be gaps depending on the aspect ratio.

Just to note: to do other styling it really depends on determining a selector for the element(s) to style it the way you want, the sudo version of code be like "SELECTOR { PROPERTY: VALUE; }" and needs inside style tags like "<style>HERE</style>". Use browser's inspect to determine the needed selector for styling element(s).

I hope this is somewhat helpful and that everything is clear please let me know if there is anything that doesn't make sense I'll try wording it differently. If you have additional questions feel free to ping, smail, or comment me and ill try my best to help.

I made a forum group for CustomCSS and more

Jul 24, 2021 4 years ago
MiraRose
User Avatar

Thank you so much! I'm a newb with anything like this ^^;

I did try adding an image but it's not showing up for me :(

Jul 25, 2021 4 years ago
spacemage
is fashionable
User Avatar

Okay, let's go with a nice quick step by step instructions but before that I just tested and editing through dashboard doesn't work currently

Anyways, (1) please copy everything in the code block below: <style> body { background-image: url(https://static.vecteezy.com/system/resources/thumbnails/002/822/366/small/abstract-geometric-lines-connection-and-social-network-concept-with-lines-and-dots-minimalistic-design-vector.jpg); background-repeat: no-repeat; background-size: contain; } </style> , (2) Open your profile in edit mode.

(3) Click the little pencil that's on the block "About Me~", pop up window will appear

(4) Paste copied code from step one in the big input box.

(5) Press the button that says "Update Profile"

(6) See the change on profile

(7) Now edit to replace the current test url with yours, just in case maybe the url you used before wasn't the correct one, a good way to get an image url is right click on desired image and copy image address, or could open image in new tab and copy the url/address from that tab

Let me know how this works out for you. Also if you ever need anymore help feel free to ping me.

I made a forum group for CustomCSS and more

Jul 27, 2021 4 years ago
MiraRose
User Avatar

Got it to work! Thank you! :D

Please log in to reply to this topic.