HOME | DD
CypherVisor — Custom-box Background Tutorial
by-nc-nd
Published: 2010-06-23 21:01:34 +0000 UTC; Views: 573394; Favourites: 12565; Downloads: 0
Redirect to original
Description
»»»»»»»»»»»»»»»»»»»»»»»»»»» Exclusively for Premium members and Super groups only «««««««««««««««««««««««««««Updated: 23-Feb-2014
How to use ?Just copy the source code(s) below and paste it in your Custombox module in your profile or group page.
Spanish translation of this tutorial
SOURCE CODE:
Code to insert an image without stretching: (ORIGINAL CODE)
Body text here..
Code to stretch an image (It works as to repeat image ONLY FOR SOLID COLOR IMAGES though!) :
Insert the width and height in the
EXAMPLE:
Body text here..
How to insert a content-holder box inside a custom box?
Simply copy a content-holder boxes from my gallery folder here: LINK and paste it where it says "Body text here.." in the above code.
My background image link (the background that I've used for demo in this tutorial)
------------------------------------------------------------------------------------------------------------------
http://fc07.deviantart.net/fs70/f/2013/227/0/1/demo_by_cyphervisor-d6i84qo.jpg
Other tutorials
Custom background for DeviantID-box widget:
Custom background for New deviation-box widget:
The content holder box used in this tutorial
Want to customize your profile more?
Check all my free resources + tutorials: somrat.deviantart.com/gallery/…
Having any doubt? Please read this F.A.Q. + Tips n Tricks before writing a comment below.
I am a free resource provider for the deviantART community. If you like my free customization resources you can donate some
points
to me as an appreciation or support.I take commissions to make custom journal CSS too. Check out my Journal CSS folder or Read-made Journal Skins . Send me a note to contact me.
Related content
Comments: 3487
when i try to view the image, mcafee says link may be risky for no reason
👍: 0 ⏩: 1
Because it's only for core membership.
👍: 0 ⏩: 0
I've seen people who have all of the boxes on they're proile have a background, how do you do that?
👍: 0 ⏩: 0
thank you so much, it was helpful ^^
👍: 0 ⏩: 0
when i right click it (i use chrome) theres no "copy image url" option. what should i do?
👍: 0 ⏩: 1
Typically you can click and drag the image to a new tab, getting you the image address manually. :3c
👍: 0 ⏩: 1
I wanted to add this to my Newest Deviation widget, but it goes over for some reason... Help?
👍: 0 ⏩: 1
it only works with custom boxes it seems
👍: 0 ⏩: 0
Hmm does any one knows the code for group's custom box background? I tried using this one and it makes the background smaller than the box and unfitting. It also leaves the customizable text bellow the background's image.
👍: 0 ⏩: 0
what if I want to use a ready-made journal css skin (currently installed as a journal skin) as my custom widget background? How do you select the skin and put it in?
👍: 0 ⏩: 0
if i get a membership and do this, and the membership runs out, will it disappear from my page or will i just not be able to change it anymore?
👍: 0 ⏩: 2
But it will reappear whenever you renew your membership because the settings are still saved.
👍: 0 ⏩: 1
okay so i've followed this to a t and i can't get it to work ;~; can someone help me possibly?
👍: 0 ⏩: 1
You have to pay for your account in order to use it.
👍: 0 ⏩: 1
Was trying to get it to work for a super group
👍: 0 ⏩: 1
Mm, sorry. Other than sounding like a tool and asking if you've checked out the FAQ, I can't help. ;_;
👍: 0 ⏩: 1
did that too i ended up getting it to work once i pulled out my old text books.... hurray for web design
👍: 0 ⏩: 1
Oh good. See, shelling out that $100 for one college book paid off! You might want to say what the trick is. Several others here seem lost about what the problem is.
👍: 0 ⏩: 1
its legit fining which css version da is using and making sure spelling is right, remembering to close it off right. ect...
👍: 0 ⏩: 1
Ah, so it's basic level stuff. Good to know I might be able to use this in the future after all!
👍: 0 ⏩: 0
It--doesn't really work for me ;^;
It just leaves the link as is
just a link
not what I wanted--
👍: 0 ⏩: 0
It didn't work ;w;
wof-forever.deviantart.com
👍: 0 ⏩: 1
you have to have a super group
👍: 0 ⏩: 0
How i make the background image repeat? ;v;
👍: 0 ⏩: 1
You need core, you're aren't core (not trying to sound rude!)
👍: 0 ⏩: 0
Thanks so much for making this! I know how to do it now!
👍: 0 ⏩: 0
What do I do, it's not working for me in my group !!
👍: 0 ⏩: 1
You need a Super Group, not a group
👍: 0 ⏩: 1
Wait, so this is for core members only?
👍: 0 ⏩: 1
Hi there!!! I've had my core membership only a few weeks now and I'm struggling to get this background on my page here…
fav.me/daepfbq
i know this sounds rude but is there anyway you could please make me the thing I need to use in order to have it on my page just reply and I'll copy and paste it!
👍: 0 ⏩: 1
nakos.deviantart.com/art/Custo…
👍: 0 ⏩: 0
is a premium member the same as a regular core member?
👍: 0 ⏩: 1
I'm having problems with the sizing of the image and the text. The image has spaces all around it and the text goes past the image :/ I am using a custom box on my group page since I don't have core. Is that effecting it?
👍: 0 ⏩: 0
I'm in chrome but I don't have the URL thing.
👍: 0 ⏩: 0
Okay, I;m kind of confused because my background kind of just stayed inside the tiny box and didn't expand at all.
See? (Its the box that says testing.): imaginemystars.deviantart.com/
Someone please explain what I'm supposed to do.
👍: 0 ⏩: 1
C A W Duuno if you got it or not, but the reason why it's not expanding is because the background height is a bit too small. If you change the height of your background, then it'll expand until it reaches the end of the background height.
👍: 0 ⏩: 2
thunder-jacob-wolfe.deviantart…
how do i get it to stop being a small rectange and show the whole image
👍: 0 ⏩: 0
<= Prev | | Next =>