HOME | DD
CypherVisor — Content-Holder Background tutorial
by-nc-nd
Published: 2013-03-10 16:27:40 +0000 UTC; Views: 50549; Favourites: 923; Downloads: 0
Redirect to original
Description
»»»»»»»»»»»»»»»»»»»»»»»»»»» Exclusively for Premium members and Super groups only «««««««««««««««««««««««««««How to use ?
Just copy the source code(s) below and paste it in your CustomBox module in your profile or group page.
SOURCE CODE:
Version 1:
Body Text Here
Version 2:
Body Text Here
My background image link (the background that I've used for demo in this tutorial)
------------------------------------------------------------------------------------------------------------------
http://img208.imageshack.us/img208/5306/demogg.jpg
Other tutorials
Content-Holder Box Floating Image Tutorial:
Custom Box background tutorial:
Custom background for DeviantID-box widget:
Custom background for New deviation-box widget:
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: 134
I get a thin white border of the background image. And inside of that, a white box, that contains all the text etc.
👍: 0 ⏩: 0
Is there a way to make it work in this content holder box?
👍: 0 ⏩: 0
The image background has to be in pjg? or it can be png?
👍: 0 ⏩: 0
this dosnt seem to work at all. im readlly confused can someone help.
where does your backround image url go, I the direct image url
but then what ggoes in the body text here
can someone help me
👍: 0 ⏩: 0
how can i change the width/ height of a content holder?
👍: 0 ⏩: 0
How do you get rid of these two large spaces?
prntscr.com/d3g6yw
👍: 0 ⏩: 1
You Can't Avoid It, As You Can See The Widgets Border In The Preview, Because It Is 'ROUND' And You Can't Avoid It...
👍: 0 ⏩: 0
There's a tutorial for that here!
👍: 0 ⏩: 0
If the picture is too small, is there a way I can repeat the image?
👍: 0 ⏩: 1
Here :
< img width="Zoom // %" src="IMG URL" >
Example :
< img width="100%" src="orig00.deviantart.net/f503/f/2… " >
Remove The Spaces...
👍: 0 ⏩: 0
I tried doing this. It works, apart from the fact that at the end the image (along with the box) gets cut. How should I fix this? ;^;
👍: 0 ⏩: 0
I tested this out with my friends Core account but for some reason the background isn't working could you maybe check my code?
👍: 0 ⏩: 0
thanks for the tutorial! I went over your FAQ but didn't see it, does the background image, tile itself or does it just enlarge/shrink to fit the box?
👍: 0 ⏩: 0
I love this box, it's great. But sometimes it happens to glitch. I have times this box works perfectly, and sometimes the lower ending of the box doesn't add up to the outlines. Here's a screenshot:
Is my coding just incorrect? Thanks for anyone who wants to help.
👍: 0 ⏩: 2
try putting the bg on this box instead!! i know this comment is really old omg,, but yeah
👍: 0 ⏩: 1
my god xD hahaha, thanks for the reply!
Momentarily I don't even have premium membership but I appreciate the response!
👍: 0 ⏩: 0
I've been experiencing this, too. Since I'm no coding expert, all I can do is wait until someone replies to this
👍: 0 ⏩: 1
try putting the bg on this box !!! ;v; it worked for me (when u have core again- i guess ;v; )
👍: 0 ⏩: 0
I'm thinking of trying to make my content holder boxes, what would be the size you would suggest to make them?
👍: 0 ⏩: 1
Hmm? You can't make content holder boxes of your own. 
👍: 0 ⏩: 2
This was actually what I was about to ask. I wish it was possible though. Make pages a little more unique
👍: 0 ⏩: 0
Alright, well thought ask since I don't really know much about these things, and not a lot of tutorials that are helpful on thise.
👍: 0 ⏩: 1
Hello! I wanted to know if it's possible putting a background image in these pretty boxes of yours:
And if yes, what would the code be? (I'm pretty dumb about coding ahah xD; )
Thanks a lot for all the time you use to give us such amazing resourches <3
👍: 0 ⏩: 1
Copy the code from here:
And paste in the "body text here." part of the code of this content-holder box and it should work.
👍: 0 ⏩: 1
Eeee it works! Thanks a lot! <3
👍: 0 ⏩: 1
i;ve been trying to use a transparent image for my background but when i hit save its not see through at all
👍: 0 ⏩: 1
For transparent box use this: cyphervisor.deviantart.com/art…
👍: 0 ⏩: 1
I'm trying to use version two, but inside this content box,
I just want the white content box instead, so the top and bottom gaps are white instead of the dA green.
Is there a way to do that? I've tried putting the two codes together, but they either overlap, or mess up...
👍: 0 ⏩: 1
Actually, what you want is the version 1 because that's the same white content holder box. You just need to have space before and after the image in it.
You may try using
tags at the top and bottom of the img codes and see if works.
👍: 0 ⏩: 1
Hmm
What do i do in this case? Read the tutorial thoroughly again?
👍: 0 ⏩: 0
how do you get the content holder to have a shadow?
👍: 0 ⏩: 1
There are different content-holder boxes which has shadows in them.
Check Here: cyphervisor.deviantart.com/gal…
👍: 0 ⏩: 1
Where do you find photos that will extend the length of the box?
👍: 0 ⏩: 1
Any photos will do actually. 
👍: 0 ⏩: 1
Will that make them go the length of the box though? If they are too short then they just cut off.
👍: 0 ⏩: 1
Yes it should. If it is too short then the box side will remain the same.
👍: 0 ⏩: 1
| Next =>