HOME | DD
CypherVisor — Custom-box Background Tutorial
by-nc-nd
Published: 2010-06-23 21:01:34 +0000 UTC; Views: 573635; 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
I know Im not Cypher, but you do, yeah.
👍: 0 ⏩: 1
Hi Thanks for the help ur Tutorial's helped me out a ton
👍: 0 ⏩: 1
I am glad that I could be of your help!
👍: 0 ⏩: 1
The background image doesn't even show up, its just the same. Help?
👍: 0 ⏩: 1
Check your URLs(links) properly. That would be the issue.
👍: 0 ⏩: 1
Nevermind, I got it. I was using the wrong link on tinypic.
👍: 0 ⏩: 1
But, thanks anways! It's a really helpful tutorial.
👍: 0 ⏩: 1
I cant get this to be my background >_< please help?? [link]
👍: 0 ⏩: 1
Use this URL:
http://fc03.deviantart.net/fs70/f/2013/104/c/f/custom_background_by_cybersoraxe-d61rpwi.jpg
👍: 0 ⏩: 0
ImageShack won't allow me to copy the links TILL ME EMAIL IS COMFIRMED.
I HAVE PUT IN BOTH MY EMAILS SO NOW I SHOULD BE ABLE TO LOG IT.
UH NO SIR. IT WON'T LET ME. SADKJSAKJDHKSJADH.
Frustration. Dear lord. Ok. Sorry.
👍: 0 ⏩: 1
Please use sta.sh to upload your own image and get the link from there.
I need to update this tutorial on this!
👍: 0 ⏩: 0
Ummm, Im having a trouble about the size >.<
Ummmmmm,, do you know what is the normal width and height for custom boxes? >.< It's okay if it is only the width >.< Sorry for the bother
👍: 0 ⏩: 1
It depends on the monitor that you are viewing. It will be different for different users because screen resolution changes from monitor to monitor.
Normally you can use 800px width image though.
👍: 0 ⏩: 1
Ohhhh!~ I see ^^ Thank you! ^w^
👍: 0 ⏩: 1
I've tried, but all it did was make the words go above the picture or donation pool...
👍: 0 ⏩: 1
You can't use this in the donation pool.
And you just need to copy the existing content and re-write your content in the "body text here.." part of the code to get all your previous content come on top of the bg.
👍: 0 ⏩: 1
when I try it, it doesn't go behind anything, it just sits in a separate space all by itself.
👍: 0 ⏩: 2
It is perfectly normal. You just need to copy the existing content and re-write your content in the "body text here.." part of the code.
👍: 0 ⏩: 0
oh, this is for a custom box! sorry.
👍: 0 ⏩: 0
I can get this to work, but if I use it in boxes like the deviation feature or the deviantID it covers up the images...how do I fix this?
👍: 0 ⏩: 1
There are different tutorials for those.
Please check my gallery here: [link]
👍: 0 ⏩: 1
thank you so much but it covers the written. how can I do?
👍: 0 ⏩: 1
It is perfectly normal. You just need to copy the existing content and re-write your content in the "body text here.." part of the code.
👍: 0 ⏩: 1
I fixed it, I had to upload it onto imageshack as a .jpg
👍: 0 ⏩: 1
Is there anyway to change the colour of the box so it's not blue or do you know any other good things to put in custom boxes? I just got a pm a few hours ago and I'm not sure what to put in it. XD
👍: 0 ⏩: 1
You can go to my gallery to find more content-holder boxes for your use.
👍: 0 ⏩: 0
Um... It's not working for me...
👍: 0 ⏩: 1
It will. Try again.
👍: 0 ⏩: 1
How many points would it cost to customize around 3 custom boxes for me ? ;A;
I have the Custom Box bgs.
👍: 0 ⏩: 1
Please note me for any commission related queries.
thanks.
👍: 0 ⏩: 0
Can .gif files be used as a background image?
👍: 0 ⏩: 1
<= Prev | | Next =>