HOME | DD
CypherVisor — Custom-box Background Tutorial
by-nc-nd
Published: 2010-06-23 21:01:34 +0000 UTC; Views: 573607; Favourites: 12561; 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
Well what about Deviant art? It doesnt say image locations just copy image or copy image url...
👍: 0 ⏩: 2
Lol never mind I figured out what I needed lol
👍: 0 ⏩: 1
OK, I got it to work with both a background that I created and a free background that someone else created, but is there some way to change the colour of the text, since the backgrounds are both black and so is the text?
👍: 0 ⏩: 2
Well, there are some other colors that I have found but I didn't get time to post it. I'll upload them tomorrow.
👍: 0 ⏩: 1
:] Much appreciated!
👍: 0 ⏩: 0
Please ignore that last comment. I already found out the answer.
👍: 0 ⏩: 0
Sorry to bother you, but I just don't get how to add text into the box. The color shows up in the box, but nothing else shows up when I try to type in it. When I save, no matter what I put in, It just says "Body text here.." What should I do..?
👍: 0 ⏩: 2
write your content by replacing the "body text here.." part of the code.
👍: 0 ⏩: 0
In the code, replace the bit that says "Body text here" with whatever you want to type.
👍: 0 ⏩: 1
Ah, yes, I realized that after I posted the comment, but thanks anyways.
👍: 0 ⏩: 1
thank you so much for this tut! ^-^
👍: 0 ⏩: 1
It's my pleasure. You're most welcome!
👍: 0 ⏩: 0
I'm having alittle trouble with this. When you go to the image hosting website what url would you copy (idk I tried using the website above and tinypic, but they both say error :/ ) as to upload the image??
👍: 0 ⏩: 1
Just upload your image in sta.sh and open it and then right-click on it and you would get an option to copy the image url. (the option depends on which browser you are using)
👍: 0 ⏩: 1
Ohh ok, Thank you so much ;v;
👍: 0 ⏩: 1
I tried this using both of the codes that you put, but my image didn't come up. Please help!
👍: 0 ⏩: 1
Are you taking the image URL correctly? Check it once by copying and pasting it in your address bar of your browser and run. If you can see the image then it is fine otherwise there's something wrong with the URL.
👍: 0 ⏩: 1
I tried that, and it came up with the right image, but knowing me, I'm probably copying the code-thingy wrong.
👍: 0 ⏩: 1
Is there any way to center the background image?
👍: 0 ⏩: 1
The code worked, but none of my text was showing up. I combined it with the codes I had and got it to work though. Thank you so much!!
👍: 0 ⏩: 1
That code is only to put the bg. Use the rest of the code to put your content inside..
Body text here..
👍: 0 ⏩: 0
Can you please help me with my custom-box background? I would like to use this picture(I've got a direct link) img838.imageshack.us/img838/77... When I tried it, it didn't fit the custom box (it was too short, and too fat), and is it possible to put buttons, stamps, and gifs inside of the background?
👍: 0 ⏩: 1
If it didn't fit your box then you gotta make a larger image. And yes, you can insert buttons, stamps, etc. by pasting the content in the "body text here.." part of the code.
Also, this might help you Custombox F.A.Q. + Tips and tricks
👍: 0 ⏩: 1
I can't find where I paste the code.
👍: 0 ⏩: 1
You need to copy the code from the description and goto your custom box and click edit. There you paste your codes.
👍: 0 ⏩: 0
im just so confused! I want to use this picture: anglepenguins12.deviantart.com...
👍: 0 ⏩: 1
use this image link http://fc06.deviantart.net/fs70/f/2013/116/5/5/custom_box_skin_by_anglepenguins12-d634y13.png
👍: 0 ⏩: 1
how do you do it for this pic?
th03.deviantart.net/fs70/PRE/i...
I keep messing up XC
👍: 0 ⏩: 1
Use this link in your code where it says "URL"
http://th03.deviantart.net/fs70/PRE/i/2013/199/e/8/paws_by_nickyfoxx-d6e3c96.png
👍: 0 ⏩: 1
Well, I have premium sub but I would love to get the "Premium member 'til hell freezes over" if someone gifts me!
Like this: milotic1406.deviantart.com/jou...
👍: 0 ⏩: 1
Oh I'm sorry- I mean to use a custom box background, would I need a premium to do that 
👍: 0 ⏩: 1
Oh
Yes, you need premium membership to use a custombox bg.
👍: 0 ⏩: 1
okay thank you!
I found your tutorial very helpful though
👍: 0 ⏩: 1
<= Prev | | Next =>