Shop More Submit  Join Login


Submitted on
June 23, 2010
Image Size
852 KB


304,432 (32 today)
8,326 (who?)


Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
Custom-box Background Tutorial by CypherVisor Custom-box Background Tutorial by CypherVisor

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

Tutorial fondo en caja Custom. by FanasY


Code to insert an image without stretching: (ORIGINAL CODE)

<div class="popup2-moremenu"><div class="floaty-boat"><br><img src="URL"/></div></div><div class="gr-box gr-genericbox"><br>Body text here..</div>

Code to stretch an image (It works as to repeat image ONLY FOR SOLID COLOR IMAGES though!) :

Insert the width and height in the <img> tag of the code as shown below:

<img width="YOUR-WIDTH-SIZE" height="YOUR-HEIGHT-SIZE" src="URL"/>

<div class="popup2-moremenu"><div class="floaty-boat"><br><img width="1000" height="1600" src="URL"/></div></div><div class="gr-box gr-genericbox"><br>Body text here..</div>

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)

Other tutorials

Custom background for DeviantID-box widget:
deviantID widget box customization tutorial by CypherVisor

Custom background for New deviation-box widget:
Deviation-box background tutorial by CypherVisor

The content holder box used in this tutorial

Shadow Content-holder box (Default Bright) by CypherVisor

Want to customize your profile more?

Check all my free resources + tutorials:…

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 :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.
Add a Comment:
Gengarscene Featured By Owner Nov 18, 2014  Hobbyist General Artist
While I'm following all steps to put my custom  background in my custom box I get something else than the maker of this tutorial.
The exact link I got you can find in the screenshkt below.…
Is there anyone that can help me or tell me what I'm doing wrong?
indieroses Featured By Owner Nov 10, 2014  Student Digital Artist
the box w the background is too small !! i want it to show more background!!
AoiSoul Featured By Owner Nov 5, 2014  Hobbyist General Artist
How can I expand the box ? :c
I need more space inside the box, but I just can't find the code to do it lol, I saw that this one is a "generic box" isn't there a "big box" or something ? ;a;
WriterChan Featured By Owner Nov 15, 2014  New member Hobbyist Writer
how do you get the custom box?
AoiSoul Featured By Owner Nov 16, 2014  Hobbyist General Artist
My friend sent me the code, I have no idea where he found it lol
WriterChan Featured By Owner Nov 16, 2014  New member Hobbyist Writer
A custom box, you need Premium Membership!
The way I do it, you have to stretch a file or image in order for it to stretch to its length as well. Like on my page, I have a squashed image in order to tell you what the boxes are, and that they are stretched because of the image!
AoiSoul Featured By Owner Nov 14, 2014  Hobbyist General Artist
Ok, thanks a lot!
I think I won't need to stretch them anymore, but it was very usefull :iconyuihugplz:
No problem ^^
Add a Comment: