HOME | DD
CypherVisor — Custom-box Background Tutorial
by-nc-nd
Published: 2010-06-23 21:01:34 +0000 UTC; Views: 573543; Favourites: 12564; 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
Hi , thank you very much for making this
I am a bit confused with Step 5 though , I have pasted the image link into the custom box but it just has the link to the picture
👍: 0 ⏩: 1
In the code you gotta use the IMAGE-URL and NOT the URL address of the picture.
Please check FAQ#17 in this journal for Custombox F.A.Q. + Tips and tricks
👍: 0 ⏩: 0
Does anyone know how to lengthen the background image?? No matter what I set for the height on my original background image, it will only appear a certain length and then just cuts off ):
I'm sorry if this question has already been answered! D:
👍: 0 ⏩: 1
Either you create an image of larger height or use the height property (as below) to stretch the image:
👍: 0 ⏩: 1
Okay, got it! thank you! ^.^
👍: 0 ⏩: 1
hello, first of all thank you very much for these tutorials of yours, they've been very helpful to me
Could you tell me though, how I could do to repeat the background image in my custom boxes? Thank you by advance if you take the time to answer me, and have a really nice day
👍: 0 ⏩: 1
Well, thank you! 
And unfortunately, repeating background is not possible
👍: 0 ⏩: 1
Oh thanks for answering this fast! 
👍: 0 ⏩: 1
How do you use this for every other background?
👍: 0 ⏩: 1
You mean to say how to you use this for other widgets background?
👍: 0 ⏩: 1
There are different tutorial for different widgets. Please check my tutorial gallery folder here for more: cyphervisor.deviantart.com/gal…
👍: 0 ⏩: 1
can you combine this with other codes? i want to put a custom box ig into one of your shadow custom boxes. o v o
👍: 0 ⏩: 1
Yep.
Just use the content-holder box code that you want to use by replacing the "body text here.." part of the code
👍: 0 ⏩: 0
It didn't work... it is just a small cut of that still is just a custom box
👍: 0 ⏩: 2
Same, I think it's because it may be too small?? But it looks fine to me. :c sta.sh/025qt0on1673
And my page looks like crap because I am working on it still DX
👍: 0 ⏩: 1
I don't know what could have happened to it
👍: 0 ⏩: 1
Hey, you gotta put some content inside it. It only then expand.
Otherwise, you can try inserting multiple
tags in the "body text here.." part of the code.
👍: 0 ⏩: 1
I really can't know what your problem is if you say like this.
👍: 0 ⏩: 1
You can see my page... It's difficult to explain....
👍: 0 ⏩: 0
Does this work on the donation box as well, or no?
👍: 0 ⏩: 1
Well, yes, but it will hide everything in the box.
👍: 0 ⏩: 1
Ah, so it isn't even worth it then. Thank you!
👍: 0 ⏩: 1
I got a way to use it as a donation box but as said it does cover everything,
I found code for a button that still lets them donate. it would be easiest to just put it into a custom box, and keep updating it with your points ballance, and keep the button down there. if that makes sense
👍: 0 ⏩: 1
Ah, I'm to lazy to keep updating my points balance every time though x)
👍: 0 ⏩: 1
xD yea so aint I but it's nice to have it xD or you could just update it for major changes?
idk just a thought
👍: 0 ⏩: 1
Maybe.
I dunno, I may just keep it as is, but a background would have been nice straight onto the donations box.
👍: 0 ⏩: 1
yea. but if you think about it, it's not meant to have a background, only custom boxes are, so the code for the bar, and button are in the box, and you cant move them, to show over the background.
👍: 0 ⏩: 1
Yeah, which disappoints me a bit :/
I like the layout for the donation box, it just would be neat to be able to put a background.
👍: 0 ⏩: 1
yea. which is why i just recreated it on my page xD
i did have a progress bar on it but you gotta constantly update it if you get points allot.
👍: 0 ⏩: 1
I just don't want to have to remember to update it :/
👍: 0 ⏩: 1
How can I get the location on Safari? Thanks!
👍: 0 ⏩: 2
Please check this journal for Custombox F.A.Q. + Tips and tricks
Thanks
👍: 0 ⏩: 0
I'm sorry for intruding.
If you have an iPhone or your just on a PC then it's the thing that says www. or .com on it, if you were looking for the URL.
Sorry if it's not helpful
👍: 0 ⏩: 0
Um I was wondering if you could help me change the text color. Because I have no idea X'3
👍: 0 ⏩: 1
Check this out: cyphervisor.deviantart.com/art…
👍: 0 ⏩: 1
Hi there Mr.Cypher,
I was wondering how to find out the size of my custom box? I want to fix the bottom part of it which is still green (check my page), so I can then stretch it to take away the green. Or if there is another way.
Thank you!
👍: 0 ⏩: 1
If you want to increase the size of your custombox. Use
tags at the bottom of the codes as many times you want.
👍: 0 ⏩: 0
<= Prev | | Next =>