HOME | DD
CypherVisor — Custom-box Background Tutorial
by-nc-nd
Published: 2010-06-23 21:01:34 +0000 UTC; Views: 573525; 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
It. is. not. working. no matter what I try :c
👍: 0 ⏩: 1
It works. Most of the time it doesn't work because of incorrect links taken.
👍: 0 ⏩: 1
well, I got it eventually different tutorial. thanks anyway
👍: 0 ⏩: 1
I used your code to for my own custom box. Only problem I'm having, is how can I get the image to show completely in the box without parts of it getting cut off?
👍: 0 ⏩: 1
Get an image which has larger height.
👍: 0 ⏩: 1
Well I made the image 829px in width and 1501px in height. What size do you think image should be to work? Or is it really possible to border on background image for a box?
👍: 0 ⏩: 1
There is no ideal size for the bg because it depends on the screen resolution. If someone has a big resolution screen your bg might not cover the whole width but in smaller resolution screens it will be shown fine. It's better to get an image that cover the highest resolution so that it cover a big resolution screen and also the smaller ones.
👍: 0 ⏩: 0
I love you. You made my page so beautiful, it was so easy to code and learn. ♥
Thank you.
👍: 0 ⏩: 1
Aww...
And I am glad that I could be of your help. 
👍: 0 ⏩: 0
Hi, so I have a slight problem. Everything works and all, except the background appears zoomed out. I used your code for my custom box titled "kyun <3". I would like my background to appear full-size like my donation pool's background, if possible. Any solutions?
Thank you! <3
👍: 0 ⏩: 1
Okay, this is a problem with the browser. Different browser interprets the code in different way. Can't help it.
👍: 0 ⏩: 1
Thank you very much! I'll try it with a different browser~
👍: 0 ⏩: 1
Worked like a charm ! Thank you !
👍: 0 ⏩: 1
ahp, one question, how can i make the boxes thinner?
👍: 0 ⏩: 1
the boxes that go in the middle of the custom box
👍: 0 ⏩: 1
Okay, you mean to say content-holder boxes. You can't make them thinner as such.
👍: 0 ⏩: 0
It won't work for me.. I use the link and place the URL in the right spot, as well as my text, and nothing.. It just shows the text and the link to my URL..
👍: 0 ⏩: 1
You need to insert the Image-URL and not the page URL. Check FAQ#17 here: cyphervisor.deviantart.com/jou…
👍: 0 ⏩: 1
I click "Copy Image URL" and paste it in replace of the "URL," but it still doesn't work..
👍: 0 ⏩: 1
Hmm
You can note me your code and I'll check it out.
👍: 0 ⏩: 1
I figured it out! Thanks though
👍: 0 ⏩: 1
I'm having a little trouble with step five, I've pasted my skin into the custom box, but when I copy the image location, there is no lettering that says 'URL' What do I do?
👍: 0 ⏩: 1
Check FAQ#17 here: cyphervisor.deviantart.com/jou…
👍: 0 ⏩: 1
Mine has the image THEN the text, please help!
👍: 0 ⏩: 1
Hmm? Looks everything fine in your page...
👍: 0 ⏩: 1
i worked it out, sorry :3
👍: 0 ⏩: 1
This works superbly!
However since I write a lot, or put alot of content in my custom boxes, i just changed the image size to 800 x 3000
and it still works just fine.
This was really helpful! ^^
👍: 0 ⏩: 1
Yep, it is best to have a larger bg if you have more content your box.
And I am glad this helped you!
👍: 0 ⏩: 1
i can never get the image big enough!
👍: 0 ⏩: 1
nevermind i found it out
👍: 0 ⏩: 1
Sorry to bother you but it didn't work for me. The text gets covered up by the image
👍: 0 ⏩: 1
put your text in the "body text here" part of the code
👍: 0 ⏩: 1
Thanks! It worked!
👍: 0 ⏩: 1
ono it didn't work for me.. I put it in the custom box but alls it did was put the text there and nothing happend
👍: 0 ⏩: 1
Then your image links are not correctly inserted. Check it once.
👍: 0 ⏩: 0
hm, strange when i copy the link there is no URL thing in it.
👍: 0 ⏩: 1
<= Prev | | Next =>