HOME | DD

SparkLum — Custom Backgrounds

Published: 2011-07-07 21:20:06 +0000 UTC; Views: 62306; Favourites: 1708; Downloads: 749
Redirect to original
Description Important
Please read the notes below to see the limitations on this code before you ask any questions!

The Custom User Boxes are a series of codes that allow you to customize your deviantART userpage. The code involved makes use of a glitch in deviantART, meaning that this code is not officially supported by deviantART, and may stop working correctly or entirely.

It is important to note that, due to the nature of this hack, this code can only be used by Premium Members of deviantART.

The Code


CONTENT HERE



How To Use It
Simply copy the code above and paste it into a Page Module on your userpage, modify it to your use, and it's ready to go!

Can be used in:
Custom Modules.

Cannot be used in:
Anywhere that is not a Page Module on deviantART. Cannot be used in Journals.
Cannot be used in any deviation module, such as the Featured Deviation or the Gallery Folder module! The Custom Background will always cover the deviations in that module, and there is no workaround.

Important Notes/Bugs
Cannot be used anywhere except in Custom Modules, see above.
This must be the first line of code in the Custom Module.
All of your other content, including other Custom User Boxes, must appear inside of the
CONTENT HERE
, otherwise it will be hidden behind the Custom Background
For advanced deviants, the Custom Background code can be used to make layers of backgrounds by reusing the first part of the code. They will appear on top of each other in the order you put the code. This is tricky though so don't try it unless you're confident with HTML.
There is no way to repeat or stretch a background, so you must make your background image large enough to cover the module yourself!
The image will always be aligned to the left side, there is no workaround to this.

[Click Here] to see the rest of the series!

[Click Here] to view tips and tricks!

----------

Copyright © 2011 *SparkLum
This deviation may be reposted on other sites providing that you credit me for creating it and link back here. You may not claim to have created this deviation.

Main Account: *SparkLum
[Scripts] - [Drawings] - [For Others] - [Design] - [Stamps] - [Photos] - [Wallpapers] - [Tutorials and Resources] - [Deviation Buttons 3] - [Emoticons]

Resource Account: ~Backup-Lunari
[Custom User Boxes] - [Deviation Buttons] - [Deviation Buttons 2] - ['Created With' Buttons] - [Long Buttons] - [Stamps]

Find me elsewhere!
[Website] - [FurAffinity] - [Facebook] - [Twitter] - [Tumblr]
Related content
Comments: 146

BreezeOfTehBread In reply to ??? [2012-05-22 05:13:23 +0000 UTC]

Hmmmmmmm, i'll try, may take awhile.

👍: 0 ⏩: 1

alphakw In reply to BreezeOfTehBread [2012-05-22 07:31:13 +0000 UTC]

Thats-cool-linnk-me-it-when-its-done-cheers

👍: 0 ⏩: 0

Animequeen111 In reply to ??? [2012-04-12 20:08:45 +0000 UTC]

thank you sooo much for this
this will really help me ^^

👍: 0 ⏩: 0

Gill-Goo In reply to ??? [2012-04-08 08:24:01 +0000 UTC]

This is cook, thanks
By the way, I've tried using it in a deviation module, leaving transparent space in the middle, above the deviations, and it did work! Well, at least, the deviations were visible... but I can't click on them. But it's okay like that for me xD

👍: 0 ⏩: 0

EleaLaFleur In reply to ??? [2012-04-06 15:42:58 +0000 UTC]

awesome ! thx

👍: 0 ⏩: 0

SilvaWind In reply to ??? [2012-03-29 17:20:39 +0000 UTC]

never mind it doesnt show everything =.=

👍: 0 ⏩: 0

SilvaWind [2012-03-29 17:19:45 +0000 UTC]


[link] " />


👍: 0 ⏩: 0

SilvaWind [2012-03-29 17:18:44 +0000 UTC]

GAHHH SOOO CONFUSING!

1: Where do you put the code for the background? when i put it in CONTENT HERE it messes it up
2: What do i put in DIRECT LINK....

Heres what i have so far


[link] " />


👍: 0 ⏩: 1

BreezeOfTehBread In reply to SilvaWind [2012-05-20 23:16:54 +0000 UTC]

[link]
Dont get upset.
You put the code only in custom backrounds. And you must be a premium memebr
Then where it says DIRECT LINK TO IMAGE, I tell you.
First, upload a pic as a backround to Deviantart, google the size, i just guessed 1000x5000 (To big, so find the correct size) then upload it. After that, go click the download button to donwload your own image. It should bring you to a page with a link, that is the image source. If you click download but it dosent bring you to the correct page, then
IF YOU ARE USING INTERNET EXPLORER:

Click download on the image and then click "View Sorce".

IF YOU ARE USING GOOGLE CHROME:

Click download on your BG imagine, then right click the image, and copy the URL

IF YOU ARE USING FIREFOX:

Click Download on your BG Image that you want to use...
Next right click and click "View Image" (the image should now refresh or open in another window)
The URL that you need should now be at the top, paste this code along with the Custome BG code into your box and follow the rest of the instructions.

then paste your image source into the correct area of the code.

Next, when you copy and paste the code into your custom box,
"Content here" means whatever you want in the box.
All your typing or such.
then at the end, make sure you keep the < /div> there or else it wont work.




Gawd, all that typing, hope it helped.

👍: 0 ⏩: 0

SilvaWind In reply to ??? [2012-03-29 12:56:28 +0000 UTC]

what kind of picture do you put where it says "direct link to image file here"

👍: 0 ⏩: 0

Maki121 In reply to ??? [2012-03-26 06:51:21 +0000 UTC]

hm, when I have my icon at the right size the top part is cut out :>

👍: 0 ⏩: 0

Kyarorainn [2012-03-16 16:13:46 +0000 UTC]

I was just about to use this....
but then i saw that it was premium only. .7.

👍: 0 ⏩: 0

Piikosama143 In reply to ??? [2012-02-01 22:53:05 +0000 UTC]

*O*
Thank you for telling ^^
The first link you putted there is rotten....

👍: 0 ⏩: 1

Lizzichu In reply to Piikosama143 [2012-02-12 04:43:51 +0000 UTC]

Putted is not a word.

👍: 0 ⏩: 1

Piikosama143 In reply to Lizzichu [2012-02-12 20:03:45 +0000 UTC]

Oh.
I'm really sorry >////<
Sorry!
But...The first link isn't working...

👍: 0 ⏩: 1

Lizzichu In reply to Piikosama143 [2012-02-12 22:41:57 +0000 UTC]

its totally fine no worries

👍: 0 ⏩: 0

ZeroAnimus In reply to ??? [2012-01-30 14:57:21 +0000 UTC]

Thank you.

👍: 0 ⏩: 0

Kat-Skittychu [2012-01-17 00:04:23 +0000 UTC]

so was wondering about this thanks

👍: 0 ⏩: 0

DemonGhoul In reply to ??? [2012-01-14 08:31:38 +0000 UTC]

I copy and paste;

[link] ">

CONTENT HERE

into my custom widget, and it doesn't seem to be working?

👍: 0 ⏩: 1

Scruffster In reply to DemonGhoul [2012-01-16 22:22:32 +0000 UTC]

My guess is that Deviantart prevents hotlinking, try saving that image to your scraps or something and link to there instead.

👍: 0 ⏩: 1

DemonGhoul In reply to Scruffster [2012-01-17 13:04:16 +0000 UTC]

I figured it out,
thanks for you help :3

👍: 0 ⏩: 1

Scruffster In reply to DemonGhoul [2012-01-17 13:56:39 +0000 UTC]

Great! Glad you could make it work.

👍: 0 ⏩: 0

spottedflame88 In reply to ??? [2012-01-09 19:51:39 +0000 UTC]

What does popup2-moremenu mean?

👍: 0 ⏩: 1

BreezeOfTehBread In reply to spottedflame88 [2012-05-20 23:18:27 +0000 UTC]

your not suppose to do anything with it anyways. only the upercase of the code is were u come in.

👍: 0 ⏩: 0

TaNa-Jo In reply to ??? [2012-01-09 16:54:51 +0000 UTC]

helpful ^^

👍: 0 ⏩: 0

musamusic In reply to ??? [2011-12-26 20:16:22 +0000 UTC]

Thanks a ton! This really helped!

👍: 0 ⏩: 0

Aiaix In reply to ??? [2011-12-26 19:04:03 +0000 UTC]

Thank you so much!! Very helpful!! ;w;

👍: 0 ⏩: 0

bradleysays In reply to ??? [2011-12-23 13:51:06 +0000 UTC]

Your tutorial has been featured in dA Related Tutorials of 2011 .
Congratulations!

👍: 0 ⏩: 0

Tokuru In reply to ??? [2011-12-13 08:55:18 +0000 UTC]

This is super helpful.
Thanks!<3

👍: 0 ⏩: 0

Skittles91k In reply to ??? [2011-12-12 03:14:43 +0000 UTC]

I tried it and it didn't work...

👍: 0 ⏩: 1

BreezeOfTehBread In reply to Skittles91k [2012-05-20 23:19:05 +0000 UTC]

your not doing something right. Maybe I can help

👍: 0 ⏩: 1

DrN3k0 In reply to BreezeOfTehBread [2012-07-24 22:43:16 +0000 UTC]

same here it didnt work in my custom box either :/

👍: 0 ⏩: 1

BreezeOfTehBread In reply to DrN3k0 [2012-07-25 06:15:38 +0000 UTC]

WELL THEN. I'll help.........but first, is your image 800x10000 in size? It should also be something that dosent take forever to load....something simple.

👍: 0 ⏩: 1

DrN3k0 In reply to BreezeOfTehBread [2012-07-25 06:52:06 +0000 UTC]

this is the one i wanted o.o

[link]

👍: 0 ⏩: 1

BreezeOfTehBread In reply to DrN3k0 [2012-07-25 17:32:45 +0000 UTC]

Oh noes, im sorry its not the right size.
It should be 800x1000 (Or 800x6000, it just wont go super long.)
Once you have made the correct size, submit it to your scrap or whatever you want then tell me.

👍: 0 ⏩: 0

ViridianDenial In reply to ??? [2011-11-17 05:36:15 +0000 UTC]

omfg thankyou SO MUCH. I've been sitting here for the past hour trying to figure out what the heck I was going wrong. orz;

👍: 0 ⏩: 0

IndigoEagleCreations In reply to ??? [2011-11-01 15:09:22 +0000 UTC]

YESSSSS!!! Thank you

👍: 0 ⏩: 0

RichardHelmer In reply to ??? [2011-10-15 19:33:24 +0000 UTC]

Please, DO NOT CLICK this [link]

👍: 0 ⏩: 3

BreezeOfTehBread In reply to RichardHelmer [2012-05-20 23:19:33 +0000 UTC]

Spam.

👍: 0 ⏩: 0

Misspokemonnoi In reply to RichardHelmer [2012-01-01 18:49:08 +0000 UTC]

... Isn't this spam?? >n>;

👍: 0 ⏩: 0

Kuroyuuki-chan In reply to RichardHelmer [2011-11-06 02:51:26 +0000 UTC]

why?

👍: 0 ⏩: 0

MalinSama In reply to ??? [2011-08-30 06:39:10 +0000 UTC]

This seems wonderful! I will make sure to check this out!

Thank you for sharing

👍: 0 ⏩: 0

PatrickRuegheimer In reply to ??? [2011-07-08 14:40:14 +0000 UTC]

re-upload. yay!

👍: 0 ⏩: 0

PokeartKid [2011-07-08 09:48:51 +0000 UTC]

I love these, so usefull. And i finally get to cover up that ugly donate far!

👍: 0 ⏩: 0

marthig [2011-07-08 02:31:49 +0000 UTC]

Thank you

👍: 0 ⏩: 0


<= Prev |