Background image?

Background image?
Posted 2023-10-29 10:32:11 #1085183 I have a baic bland den page and I wan to change it. The help forums are very confusing to me and I just want to set a background image for now.	VoidChild #36443

Posted 2023-10-29 11:04:11

#1085193

First you're going to need to create a file on your computer. Open your text editor, such as Notepad, or a fancier one like Notepad++ (it's free). If on windows, you can literally just right click on your desktop space and select "New -> Text File" or something like that; I don't use Mac, so I don't know if there's an equivalent.

So first, the image must be uploaded somewhere. Easiest way to upload the image would be Imgur probably, or otherwise finding an image that you are allowed to use (if you're searching around say Deviantart, always check the artist's rules! Don't use images you don't have permission to use from the artist!). For just an background image, use the following below (copy and paste it into the text file; put in the image you want where it says "IMAGE LINK HERE").

body {background:url('IMAGE LINK HERE');background-size:100%;background-attachment:fixed;}

(Don't copy anything past this point; this is just more instructions lol)
Next your going to need to name the file. You can name it anything you want, though I recommend saving it somewhere you'll remember. The most important part about the name is it must end in ".css"! If it saves as a .txt, it won't work.

After the file is saved, you'll have to upload it to Dropbox (I've been out of the biz for a while, but I believe this is still the best and most reliable way to host your css files for free).
-Go to Dropbox.com, create an account if you don't already have one.
-Once you are logged in, find the blue "Upload" button and click on it.
-Find your .css file you have made. Choose it and upload it.
-Once it is uploaded (should be pretty fast since it will be a very small file), find it in your Dropbox files.
-There should be a "Copy Link" button when you hover over the file. (You can also right click to find this option too.) Copy the link given.

After this, go to your Den. Scroll all the way to the bottom. There should be a "CSS File" box underneath the box to edit the text that is displayed in your den. Paste the link you copied there. You now have to change the link slightly! You need to change the www. to dl and remove the unnecessary ending. Here's an example below:
Original
https://www.dropbox.com/s/7i88vb6uxo06eay/Rounded%20Box%201.css?dl=0
Modified
https://dl.dropbox.com/s/7i88vb6uxo06eay/Rounded%20Box%201.css

After that, just hit "Save Changes" and you're done!

Sorry for the long post, but there is no simple way of doing it lol

Darklily
#1058

Posted 2023-10-29 11:18:31

#1085198

Woof thats a lot but thank you so much! Will definetly try that right now

VoidChild
#36443

Posted 2024-04-26 11:12:43

#1196657

This was very helpful to me indeed! However, it's not showing me the background I tried to upload, could I have done something wrong with the coding?
The CSS link:
https://dl.dropbox.com/scl/fi/rs8ge8zsi6jiffsrle1em/sunset-mountains-wallpapers-images_931199-147.png?rlkey=41cdzz1dwd0867r0tgbvp3olu&st=snafr70n&dl=0.css

Nightwalkers25
#95114

Background image?

Activity

Activity