HOME | DD
CypherVisor — Custom-box Background Tutorial
by-nc-nd
Published: 2010-06-23 21:01:34 +0000 UTC; Views: 573462; 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
How can I repeat the image (horizontal and vertical) without having to use the stretch code?
👍: 0 ⏩: 1
Unless i am mistaken, stretch is the only way unless you have a solid color image, which it 'repeats' even though its stretching.
👍: 0 ⏩: 0
I can't find the "URL" on the image link.
👍: 0 ⏩: 1
Oh, but that doesn't explain why it still isn't working.
👍: 0 ⏩: 1
depending on how you are putting the code in and all of that, it might not be working. <3 Just remember to not get rid of the " 's if you are.
👍: 0 ⏩: 0
Sorry if this is a silly question, but how / where can you find a list of deviant art CSS classes?
like "floaty-boat" and "gr-box"
👍: 0 ⏩: 0
How do you get the custombox thing to show up?
👍: 0 ⏩: 0
fc07.deviantart.net/fs70/f/201…
This image is giving me trouble.
👍: 0 ⏩: 1
I got the same kind of link and problem while I'm following all these steps.
👍: 0 ⏩: 0
hay!! Im having trouble with a custom box with this pwease help meh!!
👍: 0 ⏩: 1
Well, one problem is.....this image is landscape, and the easiest images to use are potrait or vertical long!
👍: 0 ⏩: 1
Thank you, but I'm having trouble with this image can you help me please?
👍: 0 ⏩: 0
This is useful~ and does paint tool sai work or only the programs listed to make the background? I made a cool journal skin but I always have a problem with the size of the file :c it doesn't stretch in width or have the resolution I wish for QwQ is it the program?
👍: 0 ⏩: 0
Thank you so much for this clear guide. 
👍: 0 ⏩: 1
This is absolutely great. It's just what I was looking for to help get my profile set up. Thank you.~
👍: 0 ⏩: 1
lol, it's like someone uses this for a custom box skin XD
👍: 0 ⏩: 1
How do I use a basic colour instead of having to make an image?
👍: 0 ⏩: 1
Even if you just want a solid color, you need to create a solid color image.
👍: 0 ⏩: 1
Ah so you literally can't use a hex code it has to actually be an image then?
👍: 0 ⏩: 1
thanks for the tutorial! i'm trying to use this-- background. it works on, but when i switch to a mobile device, it doesn't show up-- i was wondering if you could provide some help if you have the time. thank you!
👍: 0 ⏩: 1
Umm, which mobile are you using? And which browser in mobile?
👍: 0 ⏩: 1
Okay, if you have other browser installed in your phone, try with that and see if there's any difference. Also, btw, since our mobile devices have smaller screens the content are tend to get squeezed.
👍: 0 ⏩: 0
im having trouble with this background to put on a custom box,help me out pwease
👍: 0 ⏩: 1
Use this:
Body text here..
👍: 0 ⏩: 1
ok,do i just copy and paste it?
👍: 0 ⏩: 1
OMG IT WORKEDZ! So how do i get the code..do i just copy the link?
👍: 0 ⏩: 1
I'm having trouble with this :L
Every time I upload an image, it doesnt take up the whole space it should.
I posted a pic to show you so hopefully anyone who has had the same problem could help me.
I know this pokemon one is too small regardless but I didnt want to post a long one. Even when I resize it to be bigger in photoshop (and I mean with every picture I've tried.. it comes out that the gray borders of the box underneath are seen.
👍: 0 ⏩: 1
Your image width has to be larger.
👍: 0 ⏩: 1
Ah, thank you! This was quite helpful.
👍: 0 ⏩: 1
I dont get the last part about the custom background i dont get it
I tried and it just linked it to my stash
👍: 0 ⏩: 1
You have possibly taken the image URL and not the direct image link. Check this journal for Custombox F.A.Q. + Tips and tricks
👍: 0 ⏩: 1
<= Prev | | Next =>